Question

我正在使用jquery对话框在模式对话框中显示html文件：

主站点调用test.html：

<body>
<div id="layer" style="display: none;">
</div>
</body>
<script type="text/javascript">

    $("#layer").dialog({
          dialogClass: 'noTitleStuff',
      autoOpen: false,
      position : ['center',20],
      /*draggable: false, */
      resizable : true,
      modal : true,
            show : 'fade',
            hide : /*'drop'*/'fade',
            width: 'auto',
            heigth: 'auto',
            open: function() {
             $(".ui-dialog-titlebar").removeClass('ui-widget-header');
      },

   });

  $( function() {
      $("#layer").load('test.php', function() {
          $("#layer").dialog("open");
      });
    });

</script>

这很好用，并且test.php的内容显示得很好。但是，当我点击test.php中的链接时，链接将在整个浏览器窗口中打开。我如何在对话框中显示新网站？

感谢您的帮助

Answer 1

将新网址的内容加载到对话框中。

$(function(){

    $(document).on("click", ".yourLinkCssClassName", function (e) {
        e.preventDefault();
        $.get($(this).attr("href"), function (data) {
            $("#layer").html(data);
        });
    });

});

单击jqueryui对话框中的链接

1 个答案: