Javascript 为什么我的事件处理程序与jQuery绑定时没有触发？_Javascript_Jquery

Javascript 为什么我的事件处理程序与jQuery绑定时没有触发？

javascript jquery

Javascript 为什么我的事件处理程序与jQuery绑定时没有触发？,javascript,jquery,Javascript,Jquery,你知道为什么在我的php文档中这不起作用吗？当我在jsfiddle上测试时，一切都很好 <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $("a").click(function() {

你知道为什么在我的php文档中这不起作用吗？当我在jsfiddle上测试时，一切都很好

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $("a").click(function() {
            $("div.info").hide();
            $("div." + this.className).show();
        });
    </script>
</head>

<body>
    <div class="shipping-container">
        <a href="#" class="ups">Show UPS info</a>
        <a href="#" class="fedex">Show Fedex info</a>
        <div class="ups info" style="display:none">the info for ups</div>
        <div class="fedex info" style="display:none">Who let the dogs out</div>
    </div>
</body>


$（“a”）。单击（函数（）{
$（“div.info”）.hide（）；
$（“div.”+this.className）.show（）；
});
ups的信息
谁放狗出去的

您错过了文档就绪处理程序，请尝试以下操作：

<script type="text/javascript">
    $(function() {
        $("a").click(function() {
            $("div.info").hide();
            $("div." + this.className).show();
        });
    });
</script>


$（函数（）{
$（“a”）。单击（函数（）{
$（“div.info”）.hide（）；
$（“div.”+this.className）.show（）；
});
});

或者，保留您的

脚本

标记，但将其放在文档末尾，在

标记之前。

如果您错过了文档就绪处理程序，请尝试以下操作：

<script type="text/javascript">
    $(function() {
        $("a").click(function() {
            $("div.info").hide();
            $("div." + this.className).show();
        });
    });
</script>


$（函数（）{
$（“a”）。单击（函数（）{
$（“div.info”）.hide（）；
$（“div.”+this.className）.show（）；
});
});

或者，保留您的

脚本

标记，但将其放在文档末尾，在

标记之前。

在链接元素存在之前运行脚本

在JSFIDLE中，代码默认放置在加载文档后运行的事件中。使用

ready

事件在代码中执行此操作：

<script type="text/javascript">
$(document).ready(function(){
  $("a").click(function() {
    $("div.info").hide();
    $("div." + this.className).show();
  });
});
</script>


$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“div.info”）.hide（）；
$（“div.”+this.className）.show（）；
});
});

您正在链接元素存在之前运行脚本

在JSFIDLE中，代码默认放置在加载文档后运行的事件中。使用

ready

事件在代码中执行此操作：

<script type="text/javascript">
$(document).ready(function(){
  $("a").click(function() {
    $("div.info").hide();
    $("div." + this.className).show();
  });
});
</script>


$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“div.info”）.hide（）；
$（“div.”+this.className）.show（）；
});
});

您应该确保只有在DOM完全加载后才能加载JQuery代码，方法是：

$(document).ready(function() {

   $("a").click(function() {
       $("div.info").hide();
       $("div." + this.className).show();
   });

});

您应该确保只有在DOM完全加载后才能加载JQuery代码，方法是：

$(document).ready(function() {

   $("a").click(function() {
       $("div.info").hide();
       $("div." + this.className).show();
   });

});

我认为你应该在标题中这样做：

<script type="text/javascript">
$(document).ready(function() {
  $("a").click(function() {
      $("div.info").hide();
      $("div." + this.className).show();

});
</script>


$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“div.info”）.hide（）；
$（“div.”+this.className）.show（）；
});

这将确保在您尝试附加任何事件处理程序之前加载所有DOM对象（尤其是a元素）。

我认为您应该在标题中这样做：

<script type="text/javascript">
$(document).ready(function() {
  $("a").click(function() {
      $("div.info").hide();
      $("div." + this.className).show();

});
</script>


$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“div.info”）.hide（）；
$（“div.”+this.className）.show（）；
});

这将确保在您尝试附加任何事件处理程序之前加载所有DOM对象（尤其是a元素）。

@Jules:难以置信！@Matt您在标题方面比我做得更好；）@Jules:不相信！@Matt您在标题方面比我做得更好；）