Question

我已经在我的本地服务器上编写了这段代码（我的Mac上使用MacPorts安装了Apache 2），但它还没有运行。

JavasSript在Safari或Firefox上处于活动状态，但它没有这些。这段代码更糟吗？或者我可以尝试其他方式？请帮忙。

<html>
<head>
  <title> jquery test </title>
   <script src="http://www.google.com/jsapi"></script>
   <script>
     // Load jQuery
     google.load("jquery", "1");
   </script>

   <script type="text/javascript">
    JQuery(function($){
     var $curr = $(".sel");
     $("button").click(function(){
      $curr.removeClass("sel");
      $curr.$curr.prev().addClass("sel") 
     });
    });
   </script>
   <style type="text/css">
   span { padding :8px;}
   .sel { border :orange solid 4px;}
   </style>
      </head>
      <body> 
   <p>
    <span>1</span>
    <span>2</span>
    <span class="sel">3</span>
    <span>4</span>
    <span>5</span>
    <button>click</button>
   </p>
</body>
</html>

Answer 1

它应该是jQuery而不是JQuery，您将收到一个JavaScript错误，调用一个不存在的变量：）

此外还有一个额外的$curr：

$curr.$curr.prev().addClass("sel")

应该是：

$curr.prev().addClass("sel")

You can see a version with both of these fixes here

如果你总是要向后移动一个，你需要在点击内移动选择器，而不是总是引用具有class="sel"的原始元素，如下所示：

jQuery(function($){
  $("button").click(function(){
    $(".sel").removeClass("sel").prev().addClass("sel");
  });
});

You can test it here

Answer 2

为了帮助您调试，safari和firefox都有javascript错误/输出日志。在firefox按下控制转换j打开控制台，在这里你可以看到出了什么问题。

jQuery不能在我的本地服务器上运行

2 个答案: