Javascript 单击锚定后关闭对话框jquery
我这里有一个很小的问题,我是jQuery的新手,希望你能帮助我,我尝试了很多东西,搜索了所有东西,但都无法正常工作,我的代码是:Javascript 单击锚定后关闭对话框jquery,javascript,jquery,html,Javascript,Jquery,Html,我这里有一个很小的问题,我是jQuery的新手,希望你能帮助我,我尝试了很多东西,搜索了所有东西,但都无法正常工作,我的代码是: jQuery(document).ready(function($){ // main.js var clip = new ZeroClipboard( document.getElementById("copy-button"), { moviePath: "http://www.reembolseja.com/j
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" );
});
jQuery(文档).ready(函数($){
//main.js
var clip=newZeroClipboard(document.getElementById(“复制按钮”){
电影路径:“http://www.reembolseja.com/js/ZeroClipboard.swf"
} );
clip.on(“加载”,功能(客户端){
//警报(“电影已加载”);
client.on(“完成”,函数(client,args){
//`this`是单击的元素
//this.style.display=“无”;
var dialog=$(“Cupom copiado com successo!”+args.text+”
Agora que o Cupom jáfoi copiado,vocêjápode começar a compar,clique no botão abaixo para ser redirecionado ao site da loja e boas compras!
fechar')。fadeIn();
dialog.css({
位置:'固定',
前100名,
左:50%,
宽度:“420px”,
高度:'270px',
'左边距':'-210px',
“z索引”:99999
});
$('body')。追加(对话框);
} );
} );
});
$('#closeDialog').live('单击',函数()){
$('dialog')。对话框(“关闭”);
});
因此,这里我有一个按钮,当用户点击时,会复制隐藏代码,然后有一个按钮锚会将用户重定向到另一个页面(在空白目标上打开),问题是点击后,对话框根本没有关闭,停留在那里,无法关闭
谢谢你的帮助 您没有使用对话框,因此只需隐藏/删除对话框元素即可
$('#closeDialog').live('click', function() {
$('#dialog').remove();//or call .hide()
});
$(“#dialog”)
不是一个对话框。您不能对此使用.dialog(“关闭”)
。
立即使用像这样的想法
$('#closeDialog').live('click', function () {
$('#dialog').fadeOut(function(){
$(this).remove();
});
});
浏览器控制台中有任何错误我使用的是1.4.2,控制台上没有错误。非常感谢你,我不知道我做错了什么,代码看起来和我试过的代码相似,你是我的英雄:)