Javascript jquery单击侦听器的问题_Javascript_Jquery_Html

Javascript jquery单击侦听器的问题

javascript jquery html

Javascript jquery单击侦听器的问题,javascript,jquery,html,Javascript,Jquery,Html,我对JQuery还不熟悉，尽管我读了几遍指南，但还是没有发现问题当我单击按钮时，以下功能不会被触发： function enable(){ alert("Enable Working!"); } function disable(){ alert("Disable Working!"); } $("#enable").click(function(){ $("#enable").hide(); }); $("#disable").click(function(){

我对JQuery还不熟悉，尽管我读了几遍指南，但还是没有发现问题

当我单击按钮时，以下功能不会被触发：

function enable(){
    alert("Enable Working!");
}

function disable(){
    alert("Disable Working!");
}

$("#enable").click(function(){
    $("#enable").hide();
});
$("#disable").click(function(){
    disable();
});

和html页面。我在这里也没有看到任何错误

我想要的是，当我单击enable按钮时，enable函数将运行。我希望禁用功能在单击禁用按钮时运行。警报用于测试它是否工作。

首先加载jQuery文件，更改文件的顺序：

<script src="jquery.js"></script>
<script src="popup.js"></script>

也许是这样的：

function enable(){
    alert("Enable Working!");
}

function disable(){
    alert("Disable Working!");
}

$("#enable").click(enable);

$("#disable").click(disable);

正如其他人提到的，反转脚本includement：

<script src="jquery.js"></script>
<script src="popup.js"></script>

您的代码看起来不错，只需更改enable中的代码，然后单击以运行函数：

function enable(){
    alert("Enable Working!");
    $("#enable").hide();
}

如果要隐藏按钮，请将其放入函数中：

function enable(){
    alert("Enable Working!");
    $("#enable").hide();
}

添加此选项可在页面加载时加载代码：

$(document).ready(function(){
//your code
});

jQuery脚本文件可以从联机源加载。如果你想知道代码是什么。在加载其他.js文件之前加载它。如果需要jQuery.

将其更改为：

function enable(){
    alert("Enable Working!");
}

function disable(){
    alert("Disable Working!");
}

$(document).ready(function() {

    $("#enable").click(function(){
        enable();
    });

    $("#disable").click(function(){
        disable();
    });
});

什么不起作用？你想做什么？@user2465313，说明你的问题……我们不能在不知道什么不起作用的情况下告诉你，但应该把查询源放在脚本之前。这可能是一个错误的来源对不起，如果我不清楚的话。当我单击enable时，我希望enable函数运行。当我单击disable（禁用）时，我希望禁用功能运行。您希望发生什么情况？会发生什么情况？您的enable click event.com中没有启用功能。我又试了一次，成功了。我会尽快接受答案。

function enable(){
    alert("Enable Working!");
}

function disable(){
    alert("Disable Working!");
}

$(document).ready(function() {

    $("#enable").click(function(){
        enable();
    });

    $("#disable").click(function(){
        disable();
    });
});

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
       <title>popup</title>
  <style>
      #enable{
         color:green;
            position:relative;
            top:20px;
            }
        #disable{
           color:red;
          position:relative;
          top:25px;
             }
     body{
             height: 100px;
      }
 </style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){

 });
function enable(){
   alert("Enable Working!");
}

function disable(){
  alert("Disable Working!");
}

$("#enable").click(function(){

 enable();
});
$("#disable").click(function(){
    disable();
});
});
</script>
</head>
<body>
<input id="enable" type="button" value="Enable">
    <br />
    <input id="disable" type="button" value="Disable">
</body>
</html>