0

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

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

这是弹出的.php /* ////////////////////////////////// ////// 最后一部分生成显示在 WP Theme 前端的所有代码 \\\\\\\\\\\\\\\\\\\\\\\\ * / 函数 arty_popup($args = array(), $content = null) { 需要 '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}?>
4

1 回答 1

0

换行试试

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

至

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

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

于 2013-08-27T14:45:42.213 回答