如何在纯HTML中使用对话框框？

Question

我正在尝试在纯HTML中使用Jquery，但是我无法执行它。 我认为我缺少一些链接。

头部

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">      </script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://jqueryui.com/resources/demos/style.css"></script>

脚本

 $( document ).ready(function() {
     $("#btnShare").click(function(){
         alert("Click executed");
         $( "#menu" ).menu();
     });
 });

我遇到了与 <li> 和 <ul> 有关的一些代码问题。

我正在 Notepad++ 中尝试此代码。我可以得到警告。

有人能帮帮我吗？

任何帮助都是有用的。

- Shweta Reddy

---

由于您正在Notepad++中进行编辑，我假设您不是使用Web浏览器提供它，而只是从资源管理器中打开它。请检查浏览器地址栏是否显示“file://”。在这种情况下，“//code.jquery...”将扩展为“file://code.jquery...”，并且无法找到。将CSS和JavaScript中的“//code.jquery...”更改为“http://code.jquery...”，然后查看是否已解决问题。 - ckuijjer

@ckuijjer 谢谢，但我仍然无法获得我的菜单，我已经尝试使用对话框，但是没有！我能够得到警报，但对话框/菜单没有显示。 - Shweta Reddy

当$('#menu').menu()初始化菜单时，在此之前会显示一个常规的无序列表<ul><li>...。我想知道为什么你希望它在点击#btnShare时初始化？你究竟想用这段代码实现什么？另外，添加HTML可能会有帮助。 - ckuijjer

你是想在点击 btnShare 按钮时打开一个 dialog 窗口吗？如果是的话，请将 $("#menu").menu(); 更改为 $('#menu').dialog('open');。如果我理解正确，那么这可能是你的问题所在。 - akaBase

这是一个基本的 JSFiddle，展示了我认为你想要的内容：http://jsfiddle.net/b5169j8L/ - akaBase

Answer 1

尝试这个。实际上，你添加了额外的 "});" 标签。

$( document ).ready(function() {
$("#btnShare").click(function(){
alert("Click executed");
 $( "#menu" ).menu();
});
});

- Priyank

---

我收到了警报，但我的菜单没有显示出来。如果我有错误，我可能也不会收到警报。 - Shweta Reddy

Answer 2

你缺少脚本标签

<script>

$( document ).ready(function() {
 $("#btnShare").click(function(){
   alert("Click executed");
    $( "#menu" ).menu();
     });
    });

</script>

- Michelangelo

---

嘿，我有脚本标签...，我也收到了警报...我认为链接可能有问题。 - Shweta Reddy

好的。您可以随时打开浏览器调试器，查看是否正确加载了所有内容。 - Michelangelo

Answer 3

我已编辑了你的帖子。 现在你可以看到，你有一个多余的 });。

 $( document ).ready(function() {
     $("#btnShare").click(function(){
         alert("Click executed");
         $( "#menu" ).menu();
     });
 });

对于调试来说，格式化代码总是很有帮助的。像PHP Storm这样的IDE可以通过一个键组合完成此操作。

- Christian Gollhardt

Answer 4

你是想在点击 btnShare 按钮时打开一个 dialog 窗口吗？

如果是的话，将 $("#menu").menu(); 更改为 $('#menu').dialog('open');

如果我理解你的意思，那就是你的问题所在了。

这里有一个基本的 JSFIDDLE，展示了我认为你需要的内容。

- akaBase