用按钮单击打开的jQuery ui模式未加载网页

Question

我需要在模式对话中显示网页。 只有在单击按钮后，该弹出窗口才会出现，按钮具有URL路径。 我想出了以下代码，但它显示了一个空白的模态窗口。 你能建议我在这里可能会想念的吗？ 谢谢。

   <!doctype html>
<html lang="en">
<head>  <meta charset="utf-8">  
<title>jQuery UI Dialog - Default functionality</title>  
<link rel="stylesheet" href="jquery-ui.css">  
<script src="jquery-1.10.2.js"></script>  
<script src="jquery-ui.js"></script>  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="style.css">  
<script type="text/javascript">  
$(function() { 
    $('#clickMe').click(function(event) {
        var link = this;

    $('<div>').dialog({
            modal: true,
            open: function ()
            {

                    $(this).load($(link).attr("href"));

        },         
            height: 400,
            width: 400,
            title: 'This is popup window',
            show: 'puff',
        hide: 'puff'
        });
    });
});
 </script>
</head>
<body>
      <button id="clickMe" href="http://www.google.com/">Google</button>

</body>
</html>

Answer 1

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script> <script type="text/javascript"> $(function() { $('#clickMe').click(function(event) { var link = this; $('<div>').dialog({ modal: true, open: function() { console.log('link', link); console.log('link.href should be undefined', link.href); console.log('$(link).attr("href") should get you the value', $(link).attr("href")); $(this).load($(link).attr("href")); }, height: 400, width: 400, title: 'This is popup window' }); }); }); </script> <button id="clickMe" href="http://www.google.com/">Google</button> <button id="clickMe2" href="http://www.yahoo.com/">Yahoo</button>

问题1：你有相同id的两个按钮， id必须是整个HTML文档中是唯一的。

问题2：您需要使用$(link).attr("href")访问href的值（请参见附件）。

但是，在这种情况下（与Google，Yahoo进行演示），您会收到CORS（跨源请求错误）。 如果在您的实际应用程序中从同一域加载页面，那应该可以工作。

用按钮单击打开的jQuery ui模式未加载网页

问题描述

1 个解决方案

解决方案1
0 2015-06-12 10:58:22

用按钮单击打开的jQuery ui模式未加载网页

问题描述

1 个解决方案

解决方案1 0 2015-06-12 10:58:22

解决方案1
0 2015-06-12 10:58:22