【问题标题】:jQuery modal and load problemjQuery modal 和加载问题
【发布时间】:2010-07-19 13:21:09
【问题描述】:

我在正在开发的 Web 应用程序上遇到 jQuery dialogload 问题。
在搜索结果页面上,在每个条目上,我都有一个链接,可以快速查看结果,触发一个模式对话框,该对话框使用 jQuery 加载检索和显示 html 内容。
一切都很好,我可以随意关闭和打开对话框。

我想在这个对话框中添加一个功能,在它的底部有一个链接,它应该会触发另一个 jQuery load,显示 html 的另一个小部分。

这个功能只是第一次工作;当我关闭选择另一个预览的对话框时,第一次加载正常工作,但单击链接不显示任何内容。

这是我的代码的 sn-p:

function preview(question_id, service){
    var jQuerydialog = jQuery('<div>loading</div>');
    jQuerydialog.dialog({
     title: 'Preview',
     modal: true,
     jQuerydialog.load('/url...','', function (responseText, textStatus, XMLHttpRequest) {
    }
   );
  return false;
}

function preview_see_more(answer_id, service){
       jQuery('#see_more').append('<div>loading </div>').load('/url....','', function (responseText, textStatus, XMLHttpRequest) {
            alert('performed!')
      }
    );
return false;
}

preview_see_more 加载回调上添加警报(“已执行”),每次调用函数时都会触发此警报,并且使用 firebug 我可以看到以状态 200 触发的 ajax 调用。

preview函数用于加载主预览;在主预览的底部有一个指向 preview_see_more 函数的链接,该函数应该添加 html 的另一部分(这实际上只是在第一次创建主预览时发生)

有什么提示吗?

编辑:
here 搜索结果示例。
点击【Q】,触发preview函数。
我正在(仍在我的测试机器上)在对话框底部添加一个应该触发preview_see_more 函数的链接。

EDIT2:
here 有问题的例子。
点击第一个链接的【Q】;然后点击“显示接受的答案”。关闭对话框并重试。

【问题讨论】:

    标签: javascript jquery jquery-ui modal-dialog


    【解决方案1】:

    我想查看页面上仍保留有 preview_see_more 链接的页面。我怀疑你只是将链接绑定到功能一次并重新加载内容而不是下次绑定功能。但是如果您可以添加链接会更清楚

    编辑: 我将它添加到代码中并且它起作用了。

     function quicklook_accepted_answer(answer_id, service){
     jQuery('#accepted_answer_block :last').append('<div>loading <img src="/images/indicator.gif"/></div>').load('/quicklookanswer?answer='+ answer_id +'&service='+service,'', function (responseText, textStatus, XMLHttpRequest) {
     }
     );
     return false;
     } 
    

    但主要问题是创建了许多模态弹出窗口实例,您可以做的是在单击新的“Q”按钮时删除模态框

    【讨论】:

    • 我认为 dialog\modal 处理 jquery 有一些问题。我什至不能使用 Jquery Toggle()。我选择了另一种解决方案。不管怎么说,还是要谢谢你。如果你想检查问题,第二个链接可以测试。
    猜你喜欢
    • 2021-09-27
    • 2015-12-16
    • 1970-01-01
    • 2011-10-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-02
    相关资源
    最近更新 更多