javascript - 为什么下面的 jquery 没有运行？

Question

我正在尝试使用 jquery/ajax 获取一些 html，将其加载到一个 div 中，然后调用带有盲效果的 show 方法。但我无法弄清楚我的生活出了什么问题。

 $(document).ready(function() { // The relevant jQuery
    $("#effect").hide(); // Make sure the div I'm going to show is not visible first off.
    $("#foo").click(function(){  // foo is a button
        $.ajax({url:"after.html", success:function(result){ // Grab the html I want.  (just an <h1> tag)
            $("#effect").html(result).show("blind", {direction: "horizontal"}, 400); // When I comment out this line it works, but with the exception of the id's to select it's exactly the same as in another working page.
            alert("loaded after.html...");
        }});
    });
});

HTML:

<div class="narrow">
   <p><input type="submit" id="foo"/></p>
</div>


<div id="effect" style="background-color:white; float:right; height:400px; width:400px;">
</div>

无需调用 $("#effect").html(result).show("blind", {direction: "horizo​​ntal"}, 400); 行，一切运行正常。但是，该行在控制台中显示 Uncaught SyntaxError: Unexpected end of input。 ( Chrome )

我正在使用 this页面作为我遇到这个问题时的引用。

这是怎么回事？

Answer 1

盲效果是 JQueryUI 的一部分。在您分享的教程中，您可以看到该代码。你确定像 jquery-ui-1.7.2.custom.min.js 这样的东西在你的页面上被引用为:

<script type="text/javascript" src="/jquery/jquery-ui-1.7.2.custom.min.js"></script>