Javascript 为什么通过$.ajax()方法调用jQuery colorbox弹出窗口时不显示?
我在$.ajax()方法的success:function()中调用了一个隐藏的colorbox弹出窗口,但我无法显示它。我以前也做过同样的事情,但当时效果很好,现在它没有显示指定的隐藏弹出窗口。此实现与上一个实现的唯一区别在于,我在上一个实现中使用了$.ajax()方法的数据属性。那件事对我现在的问题负责吗?请帮我解决这个问题。为了便于参考,我将必要的代码片段放在下面:Javascript 为什么通过$.ajax()方法调用jQuery colorbox弹出窗口时不显示?,javascript,ajax,jquery,colorbox,Javascript,Ajax,Jquery,Colorbox,我在$.ajax()方法的success:function()中调用了一个隐藏的colorbox弹出窗口,但我无法显示它。我以前也做过同样的事情,但当时效果很好,现在它没有显示指定的隐藏弹出窗口。此实现与上一个实现的唯一区别在于,我在上一个实现中使用了$.ajax()方法的数据属性。那件事对我现在的问题负责吗?请帮我解决这个问题。为了便于参考,我将必要的代码片段放在下面: <div class="hidden"> <div id="emailinfoPopC
<div class="hidden">
<div id="emailinfoPopContent" class="c-popup">
<h2 class="c-popup-header">Email Invoice</h2>
<div class="c-content">
<h3>Invoice has been sent to your email id</h3>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$(document).on('click', '#email_url', function (e) {
e.preventDefault();
var post_url = $(this).attr('href');
$.ajax({
url: post_url,
type : 'get',
dataType: 'json',
success: function(data) {
var status = data.status;
var dialog_title = "Email Invoice";
var message = data.msg;
if(status == 'success') {
$.colorbox({
inline:true,
href: "#emailinfoPopContent",
width:666
});
//alert(message);
} else {
$.colorbox({
inline:true,
href: "#emailinfoPopContent",
width:666
});
//alert(message);
}
}
});
});
});
</script>
电子邮件发票
发票已发送到您的电子邮件id
$(文档).ready(函数(){
$(文档)。在('单击','电子邮件地址')上,函数(e){
e、 预防默认值();
var post_url=$(this.attr('href');
$.ajax({
url:post_url,
键入:“get”,
数据类型:“json”,
成功:功能(数据){
var状态=data.status;
var对话框\u title=“电子邮件发票”;
var message=data.msg;
如果(状态=‘成功’){
$彩色盒({
是的,
href:#emailinfoPopContent“,
宽度:666
});
//警报(信息);
}否则{
$彩色盒({
是的,
href:#emailinfoPopContent“,
宽度:666
});
//警报(信息);
}
}
});
});
});
我想说的另一件事是,我从PHP代码中获得了json格式的正确响应,如果我显示alert而不是colorbox,它将正确显示所需的响应。firebug控制台中没有发现语法错误,我正在使用jQuery 1.9尝试添加
open:true
,例如:
$.colorbox({
inline:true,
href: "#emailinfoPopContent",
width:666,
open: true
});
你可以试试这样的。我对此不确定
var show_html = $('emailinfoPopContent').html();
$.colorbox({html:show_html});
在上面的代码中,您在哪里调用对话框?@Shafeeq:对不起,我放错了代码,但现在我已更改了代码。请尝试提醒data.status、data.msg,以检查它是否正确works@SarathSprakash:是的,我已尝试放置所有接收到的数据参数。警报显示了所有参数。您是否添加了colorbox插件:我根据您的回答进行了更改,但仍然没有显示弹出窗口。注意:您找到问题的解决方案了吗?注意:我不想使用jQuery对话框的模式。我想使用jQuery colorbox显示消息。你有什么解决办法吗?