gpt4 book ai didi

javascript - jQuery UI 对话框帮助

转载 作者:行者123 更新时间:2023-11-30 23:53:30 27 4
gpt4 key购买 nike

我正在使用 jQuery UI.Dialog。我遇到一个小问题,当我单击链接显示对话框时,#Test 中的文本消失,并且显示模式叠加层,但不显示实际的模式框。

使用 FireBug 创建对话框,但具有 Display:None,因此未显示。另外,如果我在 firebug 中将其更改为 Display:Block,则会显示对话框,但它位于页面的左侧...有什么建议吗?

我的代码非常简单:

<head>
<link href="Vader/jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css">
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script src="javascripts/ui.core.js" type="text/javascript"></script>
<script src="javascripts/ui.draggable.js" type="text/javascript"></script>
<script src="javascripts/ui.resizable.js" type="text/javascript"></script>
<script src="javascripts/ui.dialog.js" type="text/javascript"></script>
<script type='text/javascript'>
$(function() {
$("a").click(function(){
$('#Test').css('display','inline');
$("#Test").dialog({modal: true});
});
});
</script>
</head>
<body>
<a href="#">Test</a>
<div id="Test" title="Test Title">Bla bla bla</div>
</body>

最佳答案

您可能想在点击中添加 e.preventDefault();所以它不会尝试加载可能刷新页面的#。

    $("a").click(function(e){
e.preventDefault();
$('#Test').css('display','inline');
$("#Test").dialog({modal: true});
});

关于javascript - jQuery UI 对话框帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/685560/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com