首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >单击事件时打开Jquery模式对话框

单击事件时打开Jquery模式对话框
EN

Stack Overflow用户
提问于 2009-06-08 11:38:46
回答 6查看 218.1K关注 0票数 23

下面的代码只适用于第一个单击事件。但是,对于任何后续的单击,都不会发生任何事情。我在火狐,ie7上测试过了,但还是一样的。我是不是遗漏了什么?

代码语言:javascript
复制
<script type="text/javascript">
$(document).ready(function() {
    //$('#dialog').dialog();
    $('#dialog_link').click(function() {
        $('#dialog').dialog();
        return false;
    });
});
</script>    
</head><body>
   <div id="dialog" title="Dialog Title" style="display:none"> Some text</div>  
   <p id="dialog_link">Open Dialog</p>  
</body></html>
EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2009-06-08 11:45:55

试一试

代码语言:javascript
复制
$(document).ready(function () {
    //$('#dialog').dialog(); 
    $('#dialog_link').click(function () {
        $('#dialog').dialog('open');
        return false;
    });
});

在最后一部分中有一个开放的arg

票数 29
EN

Stack Overflow用户

发布于 2009-06-09 08:09:07

尝尝这个

代码语言:javascript
复制
    $(function() {

$('#clickMe').click(function(event) {
    var mytext = $('#myText').val();


    $('<div id="dialog">'+mytext+'</div>').appendTo('body');        
    event.preventDefault();

        $("#dialog").dialog({                   
            width: 600,
            modal: true,
            close: function(event, ui) {
                $("#dialog").remove();
                }
            });
    }); //close click
});

和HTML格式

代码语言:javascript
复制
<h3 id="clickMe">Open dialog</h3>
<textarea cols="0" rows="0" id="myText" style="display:none">Some hidden text display none</textarea>
票数 12
EN

Stack Overflow用户

发布于 2012-01-12 18:50:02

代码语言:javascript
复制
$(function() {

$('#clickMe').click(function(event) {
    var mytext = $('#myText').val();

    $('<div id="dialog">'+mytext+'</div>').appendTo('body');        
    event.preventDefault();

        $("#dialog").dialog({                   
            width: 600,
            modal: true,
            close: function(event, ui) {
                $("#dialog").hide();
                }
            });
    }); //close click
});

最好使用.hide()而不是.remove()。对于.remove(),如果您按了一次链接,则返回undefined,然后关闭模式,如果再次按下modal链接,它将返回undefined With .remove。

对于.hide(),它不是这样的,它像微风一样工作。为第一个手中的代码片段Ty!

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/964482

复制
相关文章

相似问题

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