首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法在对话框中打开html页面

无法在对话框中打开html页面
EN

Stack Overflow用户
提问于 2013-09-04 20:46:28
回答 1查看 84关注 0票数 0

我创建了一个html页面,并希望在单击时在对话框中打开该html页面。

Html:

代码语言:javascript
运行
复制
  <div id="oncloseTemp">
    ---
    ---
  </div>


   <li class="closebutton"><a href="#" class="bt btright" >close</a></li>

如果我单击close,那么我希望在对话框中看到oncloseTemp div。我试过了,但我在我的网页下面的同一个页面中得到了html页面。

代码语言:javascript
运行
复制
    $('.closebutton').live('click', function(event){
    $("#oncloseTemp").dialog('open');
    return false;
    });

有没有人能帮我。

EN

回答 1

Stack Overflow用户

发布于 2013-09-04 21:01:55

要将div显示为弹出窗口,最好使用jQuery对话框。

使用下面的脚本打开一个带有给定超文本标记语言标记的jQuery弹出的div。请不要忘记参考jQuery和JQuery UI脚本文件。有关演示和更多详细信息,请参阅下面的URL。

http://jqueryui.com/dialog/

代码语言:javascript
运行
复制
    <script>  
    $(function() { 
        $( "#oncloseTemp" ).dialog({      
        autoOpen: false,      
        height: 300,
        width: 350,
        modal: true
        });
        $('.closebutton').live('click', function(event){
        $("#oncloseTemp").dialog('open');
        });
    });  
    </script>

   <div id="oncloseTemp">
    ---
    ---
   </div>

   <li class="closebutton"><a href="#" class="bt btright" >close</a></li>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18614217

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档