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 ++中尝试此代码。我能够得到警觉。任何人都可以帮助我。

任何帮助都有帮助。

Answer 1

试试这个。实际上你添加了额外的＆＃34;}）;＆＃34;标签

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

Answer 2

您缺少脚本标记

<script>

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

</script>

Answer 3

我已编辑过您的帖子。

现在你可以看到，你有一个});多。

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

对于您的代码格式化进行调整总是有好处的。 IDE就像PHP Storm一样可以使用一个Key Combo。

Answer 4

您是否在点击dialog时尝试打开btnShare窗口？

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

如果我理解你的话，我认为这是你的问题

这是一个基本的JSFIDDLE，显示了我认为你的想法

如何在普通的HTML中使用对话框？

4 个答案: