下面的代码只适用于第一个单击事件。但是,对于任何后续的单击,都不会发生任何事情。我在火狐,ie7上测试过了,但还是一样的。我是不是遗漏了什么?
<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>
发布于 2009-06-08 11:45:55
试一试
$(document).ready(function () {
//$('#dialog').dialog();
$('#dialog_link').click(function () {
$('#dialog').dialog('open');
return false;
});
});
在最后一部分中有一个开放的arg
发布于 2009-06-09 08:09:07
尝尝这个
$(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格式
<h3 id="clickMe">Open dialog</h3>
<textarea cols="0" rows="0" id="myText" style="display:none">Some hidden text display none</textarea>
发布于 2012-01-12 18:50:02
$(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!
https://stackoverflow.com/questions/964482
复制相似问题