Question

我正在使用jquery ui基本对话框模式。当你刷新chrome时，jquery ui模态文本会简单地显示在chrome中，但不是在firefox中，我试图想办法防止这种情况发生。

这是我到目前为止所拥有的：

      <div id="dialog-modal" title="Blah" style="visiblity:hidden;">
     Blah blah blah
    </div>
      <script>
   $(function() {
    $( "#dialog-modal" ).dialog({
      height: 265,
  width:720,
     modal: true,
     autoOpen:false
    });
    $('#thelink').click(function(){$("#dialog-modal").dialog('open');}
        );
      $("#accordion_nav").accordion({scroll:'true'});


    });

 </script>

  <a href="#" id="thelink">Read More</a>

这会阻止文本显示，但现在，我需要附加可见性：可见onclick。

此致 umbre gachoong

Answer 1

我不确定，如果这对您有用，但您可以尝试将对话框模型的HTML放在脚本下面。

我想这取决于你使用的jquery和jquery ui的版本。我做了这个小提琴，它在Chrome中运行良好：http://jsfiddle.net/nL437/

<script type="text/javascript">
    $(function() {
      $("#dialog-modal").dialog({
        height: 265,
        width:720,
        modal: true,
        autoOpen: false
      });

      $('#thelink').click(function(){
        $("#dialog-modal").dialog('open');
      });

      $("#accordion_nav").accordion({scroll:'true'});
    });
</script>

<div id="dialog-modal" title="Blah">
  Blah blah blah
</div>

<a href="#" id="thelink">Read More</a>

Answer 2

我无法阐明其工作原理的技术原因，但是（如果我正确理解了问题）您可以尝试将后续命令（即.scroll）移至关闭状态jQUI对话框的一部分，如下所示：

jsFiddle Demo

<script type="text/javascript">
    $(function() {
      $("#dialog-modal").dialog({
        height: 265,
        width:720,
        modal: true,
        autoOpen: false,
        close: function() {
            $("#accordion_nav").accordion({scroll:'true'});
        }
      });

      $('#thelink').click(function(){
        $("#dialog-modal").dialog('open');
      });

    }); //END document.ready()
</script>

根据我的经验，对视图的下一次编程更改将自动关闭jQUI对话框，因此将事件放在对话框的close函数中将允许事件按所需顺序发生。

在上面的jsFiddle演示中，请注意在显示对话框之前蓝框如何变为红色，而只有在对话框关闭后才会变为黄色。

jquery ui模态问题：文字简要说明

2 个答案: