Question

任何人都可以对此有所了解。。。。我在点击“提交”按钮时尝试关闭电子邮件选择弹出窗口。弹出窗口正在使用名为arty popup的WordPress插件。目前弹出窗口有一个功能关闭按钮，另外还有一个电子邮件地址框和一个链接到contact7表单插件的“提交”按钮，在提交电子邮件地址时再次完美运行，目前用户将不得不使用弹出关闭按钮，而不是一次点击两个动作。

很抱歉要发布很多代码，这只是因为我正在使用两个插件。任何指针都会非常受欢迎。

这是弹出的.php / * /////////////////////////////////////////////// 最后一节生成所有代码显示在WP主题的前端 \\\\\\\\\\\\\\\\\\\\\\\\ * / function arty_popup（$ args = array（），$ content = null）{ require'inc / popup.php'; }

add_action( 'wp_head', 'arty_header' );
function arty_header() { 
global $arty_settings;
$options = $arty_settings;?>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"type="text  /javascript"></script>
<script type="text/javascript">
    $(document).ready( function() {
    if (document.cookie.indexOf("arty_popup_cookie1") <= 0) {

    loadPopupBox();
    }       


$('#wrap-out, #popupBoxClose').click( function() {
    unloadPopupBox();

    var c_name  =   'arty_popup_cookie';
    var value   =   'arty_popup_cookie1';
    var exdays  =   <?php echo $options['popup_cookie_time']; ?>;

     var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : ";expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;

});

function unloadPopupBox() {
    $('#popup_box').fadeOut(200);
    $("#wrap-out").css({    
        "display": "none"  
    }); 
}

function loadPopupBox() {
    $('#popup_box').fadeIn(200);
    $("#wrap-out").css({
        "background": "#000",
        "opacity": "0.7"  
    });         
}


});

弹出按钮.css

.btn{
    color:#FFFFFF;
    width:91px;
    height:40px;
    margin-left:10px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    border:none;
    background:url(images/btn.gif) no-repeat top;
    cursor:pointer;
}

contact7表单.php

<?php
/**
** A base module for [submit]
**/

/* Shortcode handler */

add_action( 'init', 'wpcf7_add_shortcode_submit', 5 );

function wpcf7_add_shortcode_submit() {
wpcf7_add_shortcode( 'submit', 'wpcf7_submit_shortcode_handler' );}

function wpcf7_submit_shortcode_handler( $tag ) {
$tag = new WPCF7_Shortcode( $tag );

$class = wpcf7_form_controls_class( $tag->type );

$atts = array();

$atts['class'] = $tag->get_class_option( $class );
$atts['id'] = $tag->get_option( 'id', 'id', true );
$atts['tabindex'] = $tag->get_option( 'tabindex', 'int', true );

$value = isset( $tag->values[0] ) ? $tag->values[0] : '';

    if ( empty( $value ) )
        $value = __( 'Send', 'wpcf7' );

$atts['type'] = 'submit';
$atts['value'] = $value;

$atts = wpcf7_format_atts( $atts );

$html = sprintf( '<input %1$s />', $atts );

return $html;}


/* Tag generator */

add_action( 'admin_init', 'wpcf7_add_tag_generator_submit', 55 );

    function wpcf7_add_tag_generator_submit() {
    if ( ! function_exists( 'wpcf7_add_tag_generator' ) )
        return;

    wpcf7_add_tag_generator( 'submit', __( 'Submit button', 'wpcf7' ),
        'wpcf7-tg-pane-submit', 'wpcf7_tg_pane_submit', array( 'nameless' => 1 ) );
}

function wpcf7_tg_pane_submit( &$contact_form ) {?>
<div id="wpcf7-tg-pane-submit" class="hidden">
<form action="">
<table>
<tr>
<td><code>id</code> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
<input type="text" name="id" class="idvalue oneline option" /></td>

<td><code>class</code> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
<input type="text" name="class" class="classvalue oneline option" /></td>
</tr>

<tr>
<td><?php echo esc_html( __( 'Label', 'wpcf7' ) ); ?> (<?php echo esc_html( __( 'optional', 'wpcf7' ) ); ?>)<br />
<input type="text" name="values" class="oneline" /></td>

<td></td>
</tr>
</table>

<div class="tg-tag"><?php echo esc_html( __( "Copy this code and paste it into the form left.", 'wpcf7' ) ); ?><br /><input type="text" name="submit" class="tag"readonly="readonly" onfocus="this.select()" /></div>
</form>
</div>
<?php}?>

Answer 1

尝试更改行

$('#wrap-out, #popupBoxClose').click( function() {

到

$('#wrap-out, #popupBoxClose, #popup_box [type="submit"]').click( function() {

这会将关闭弹出框的点击处理程序添加到表单的提交按钮，以便弹出框在提交时关闭。

提交电子邮件表单后关闭弹出窗口

1 个答案: