Question

我在这里遇到一个非常小的问题，我是jQuery的新手，所以希望你能帮助我，我已经尝试了很多东西，并且搜索了所有东西，但是无法让它工作，我的代码是：

        jQuery(document).ready(function($){
        // main.js
    var clip = new ZeroClipboard( document.getElementById("copy-button"), {
      moviePath: "http://www.reembolseja.com/js/ZeroClipboard.swf"
    } );

    clip.on( "load", function(client) {
      // alert( "movie is loaded" );

      client.on( "complete", function(client, args) {
        // `this` is the element that was clicked
        //this.style.display = "none";
        var dialog = $('<div id="dialog"> <span class="detalhesCupom">Cupom copiado com sucesso!</span><span class="detalhesCupomCode" id="fe_text">' + args.text +'</span><br />Agora que o cupom já foi copiado, você já pode começar a comprar, clique no botão abaixo para ser redirecionado ao site da loja e boas compras!<br /><a href="/go2store.php?id=<?php echo $row['retailer_id']; ?>" target="_blank" class="submit" style="margin:10px auto; float:none;">Ir a Loja</a><div id="closeDialog">fechar</div></div>').fadeIn();
    dialog.css({
        position:'fixed',
        top: 100,
        left: '50%',
        width: '420px',
        height: '270px',
        'margin-left': '-210px',
        'z-index' : 99999
        });
    $('body').append(dialog);
      } );
    } );
                });

    $('#closeDialog').live('click', function() {
         $('#dialog').dialog( "close" );
    });

所以，这里我有一个按钮，当用户点击时，会复制隐藏的代码，然后有一个按钮锚点，将用户重定向到另一个页面（打开空白目标），问题是点击后，对话框根本没有关闭，留在那里，没有办法关闭。

感谢您的帮助！

Answer 1

您没有使用dialog widget，因此只需隐藏/删除对话框元素

即可

$('#closeDialog').live('click', function() {
     $('#dialog').remove();//or call .hide()
});

Answer 2

$('#dialog')不是对话框。你不能在此使用.dialog("close")。即时使用像这样的想法

$('#closeDialog').live('click', function () {
    $('#dialog').fadeOut(function(){
        $(this).remove();
    });
});

单击锚点后关闭对话框jquery

2 个答案: