【发布时间】：2011-10-07 17:48:28
【问题描述】：
我有这个点击监听器，但由于某种原因它没有在 IE8 或 Firefox 中触发：
console.log("listener attached");
jQuery(".ui-button-text").click(function() {
console.log("this should have triggered");
var ajaxUrl = '/ajax.php?popup=true';
var dataString = "param="+param+"¶m2="+param2;
// contruct the ajax request
jQuery.ajax({
url: ajaxUrl,
dataType: 'json',
data: dataString,
beforeSend: function() {
jQuery(".ui-button-text").html("Saving...");
},
complete: function() {
jQuery(".ui-dialog-content").dialog("close");
},
success:function(response){
}
});
});
所以我可以在控制台中看到“附加的侦听器”，但我没有看到点击触发器，这在 chrome 中有效，我在这里做错了什么？
谢谢！
更新：我尝试使用 live("click", function()... 代替，但它没有触发
UPDATE：所以另一个Update，我应该提到这个对话框的内容是通过单独的页面获取的。它是用 AJAX 加载的，这个动态加载的内容包含这个点击监听器。
更新：这是加载内容的代码，请注意我实际上并没有编写这段代码，所以我不完全理解为什么它会按照这里的方式完成：
<!-- START OF NEW WINDOW POPUP -->
jQuery('.option_window').click(function(){
var url = jQuery(this).attr('href');
var title = jQuery(this).attr('title');
jQuery('<div />').dialog(
{
autoOpen: false,
width: 720,
title: "Manage Code",
modal: true,
buttons:{
"Save and Return":function() {
var self = this;
var popupForm = jQuery("form.submit_on_close");
//if( jQuery("form.submit_on_close").attr('action') != '#' || jQuery("form.submit_on_close").attr('action') != '') {
if(popupForm.attr('action') != '#' || popupForm.attr('action') != '') {
jQuery.ajax({
url: jQuery("form.submit_on_close").attr('action'),
dataType: 'json',
data: jQuery("form.submit_on_close").serialize(),
success: function(data) {
data = eval(data);
if(data.resp == "success") {
var obj = jQuery('#repl_activation_row');
obj.unbind('mouseover');
if( data.property_code > 0) {
if( obj.hasClass('codeoff') ) {
obj.removeClass('codeoff').addClass('codeon');
}
} else {
if( obj.hasClass('codeon') ) {
obj.removeClass('codeon').addClass('codeoff');
}
}
}
jQuery(self).dialog('close');
}
});
}
else
jQuery(self).dialog('close');
}
},
//title:title,
open: function(event, ui){
jQuery(".ui-dialog").delay(600).queue(function(n) {
var topPos = jQuery(".ui-dialog").offset().top;
var finalPos = topPos - (jQuery(".ui-dialog").height() / 3);
jQuery(".ui-dialog").css("top", finalPos);
n();
});
var self = this;
jQuery.getJSON(url, {}, function(data){
jQuery(self).html(data);
});
},
close: function(event, ui){ jQuery(this).dialog( "destroy" ); jQuery(this).remove(); }
}).dialog('open');
return false;
})
<!-- END OF NEW WINDOW POPUP -->
这是链接：
<a href="/popupmanager.php?code=3212&client=4432" class="actions option_window menulink">Manage</a>
【问题讨论】：
-
您是否可能忘记将代码包装在
$(document).ready()或类似函数中？ -
你能把它托管在 jsfiddle 上吗？你也能告诉我你想在什么控件上添加监听器
-
感谢 Clive 的回复，我已经将它包裹在 jQuery(document).ready(function() {
-
ui-button-text 元素是一个位于 jQuery UI 对话框弹出窗口中的按钮
-
我一直在尝试设置一个，但是 jsfiddle 是否支持将不同的页面加载到对话框中？当我加载在同一页面上定义 div 的普通对话框时，使用 live() 时会触发侦听器
标签： jquery firefox internet-explorer-8 click