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: "horizontal"}, 400);行，一切运行正常。但是，在该行中，它在控制台中显示Uncaught SyntaxError: Unexpected end of input。（镀铬）

当我遇到这个问题时，我正在使用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>

Answer 2

我让这个问题停留了一段时间，然后我回来工作并取出alert("loaded after.html...");它然后工作正常。我不知道是什么造成了这种情况，但我只能假设警报以某种方式扰乱了它。

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

2 个答案: