Wordpress jQuery Uncaught SyntaxError: Unexpected token ILLEGAL

Question

我已准备好尝试调试此代码。我有一个页面需要在同一页面中显示大量子帖子而无需转到另一个页面，但是我无法使代码正常工作，但我找不到任何错误。我什至完全删除了它并从头开始重新编写它以尝试找到错误但什么也没有，而且一如既往地 javascript 在向我指出错误方面是可怕的。我已经尝试过 firebug、jslint 并在 jsfiddle 中制作了相同的结构，但我找不到问题所在。我会说相同的代码在 jsfiddle 中运行良好，但在其他任何地方都没有。我看到页面正在正确加载 jquery，所以 api 不是问题。请帮忙，我不知道还能做什么！

代码结构如下：

HTML-帖子导航

<ul id="sub_select">
  <li class="select">
   <a href="#post1">Post 1</a>
  </li>
  <li class="select">
   <a href="#post2">Post 2</a>
  </li>
</ul>

HTML 帖子

<div id="post1" class="about_txt">
  <div class="title">
    <h1>Post 1</h1>
  </div>
  <div class="desc">
    <p>The post itself</p>
  </div>
</div>
<div id="post2" class="about_txt" style="display: none;">
  <div class="title">
    <h1>Post 2</h1>
  </div>
  <div class="desc">
    <p>The post itself</p>
  </div>
</div>

jQuery 脚本 :(

$(document).ready(function() {
    $(".select a").click(function(event){
        event.preventDefault();
        $(".about_txt").hide('slow');
        var toShow = $(this).attr('href');
        $(toShow).show('slow');
    });​
});

更新：我添加了显然忘记复制的 $，但感谢您指出这一点。不过我还是有这个问题。

Answer 1

此代码末尾似乎有一个“不可见”字符：

$(".select a").click(function(event){
    event.preventDefault();
    $(".about_txt").hide('slow');
    var toShow = $(this).attr('href');
    $(toShow).show('slow');
});​  //<= There's an invisible character here, 
     //    you can try pressing backspace once at the end of the semicolon

为了快速修复，删除不可见字符或复制并粘贴以下代码并替换您的：

$(document).ready(function() {
    $(".select a").click(function(event){
        event.preventDefault();
        $(".about_txt").hide('slow');
        var toShow = $(this).attr('href');
        $(toShow).show('slow');
    });
});

编辑：一点调查显示，隐形字符是ZERO WIDTH SPACE (U+200B)

Answer 2

这行(document).ready(function() 应该是$(document).ready(function() 它应该在文档之前有一个 $ 符号..

仔细检查点击事件的注释并在其中放置一个警报。检查警报是否触发。