Sum*_*nta 22 jquery modal-dialog
以下代码仅适用于第一次单击事件.但是对于任何后续点击都没有任 我在firefox上测试了这个,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>
alm*_*ori 29
尝试
$(document).ready(function () {
//$('#dialog').dialog();
$('#dialog_link').click(function () {
$('#dialog').dialog('open');
return false;
});
});
在最后一部分有一个开放的arg
Tig*_*ger 12
试试这个
$(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>
小智 5
$(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,然后关闭模态,如果再次按下模态链接,则返回undefined with .remove.
使用.hide()它没有,它像微风一样工作.Ty为第一手的片段!