如何在弹出窗口上设置动态表单

Question

我有一个动态形式的代码如下：

<form accept-charset="UTF-8" action="https://vd263.infusionsoft.com/app/form/process/60dfa9fa31db677b87c9061c53d0925b" class="infusion-form" method="POST">
    <input name="inf_form_xid" type="hidden" value="60dfa9fa31db677b87c9061c53d0925b" />
    <input name="inf_form_name" type="hidden" value="Sign up for newsletter" />
    <input name="infusionsoft_version" type="hidden" value="1.44.0.47" />
    <div class="infusion-field">
        <label for="inf_field_FirstName">First Name *</label>
        <input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" type="text" />
    </div>
    <div class="infusion-field">
        <label for="inf_field_Email">Email *</label>
        <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" />
    </div>
    <div class="infusion-submit">
        <input type="submit" value="Submit" />
    </div>
</form>
<script type="text/javascript" src="https://vd263.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=d611bf89e5e09e0678e6bf94789f54a0"></script>

我想在wordpress的弹出窗口上显示它，但是问题是他们不支持javascript，我正在使用Ninja弹出窗口和Popup Builder。 请向我建议任何支持此功能的插件，否则我将不得不创建自己的弹出窗口。

Answer 1

WordPress内置了使javascript和css入队的例程，因此最好将以下内容插入主题的function.php中。

function ninja_popup_add_extra_css_and_js() {

    wp_register_script('extra_javascript', "https://vd263.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=d611bf89e5e09e0678e6bf94789f54a0" ,null,  TRUE);  //change  null  to  array('jquery') if the javascript depends upon jquery
    wp_enqueue_script('extra_javascript');

    wp_register_style( 'extra_css', get_template_directory_uri() . '/css/my_extra.css', array(), '1', 'all' );
    wp_enqueue_style( 'extra_css' );    
}

add_action('wp_enqueue_scripts', 'ninja_popup_add_extra_css_and_js');

请注意，您必须确保为插件添加了必要的CSS，或者将其保存在主题CSS文件夹中并命名为my_extra.css，或者更改上面的代码以适合从外部网页加载CSS。