Question

我似乎无法让jQuery或jQuery UI工作这是我的代码：

参考文件：

<script scr="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

我正在尝试执行的代码：

//Welcome message fading away
        ( document ).ready(function(){
            $( "#welcome" ).click(function() {
               $( "p" ).fadeOut( "slow", function() {
                    //animation is complete
               });
            });
        });

HTML代码

<div class="JSContent">
                <p id="welcome">Hello, this is a test<br> Click me to make me go away.</p>
            </div>

任何帮助都会很棒！

Answer 1

您的jQuery代码错误。您的代码开头缺少$。（或者只是拼写错误）

请参阅小提琴here

Answer 2

试试这个：

$( "#welcome" ).click(function() {
    $( "p" ).fadeOut( "slow", function() {
        //animation is complete
    });
});

请注意，此脚本必须低于您的代码，如下所示：

<div id="welcome">Click Me</div>
<p>Fade me out</p>

<script type="text/javascript">
$( "#welcome" ).click(function() {
    $( "p" ).fadeOut( "slow", function() {
        //animation is complete
    });
});
</script>

这是JSFiddle。

Answer 3

<script scr="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script>

//Welcome message fading away

 $( document ).ready(function(){
        $( "#welcome" ).click(function() {
           $( "p" ).fadeOut( "slow", function() {
                //animation is complete
           });
        });
    });

</script>

Answer 4

jQuery API通过$ function普遍访问。对于您的示例，您需要使用对jQuery API的实际调用来替换调用文档就绪函数的位置。目前，您没有在文档对象上调用任何内容，而是通过扩展，您尝试访问不存在的document.ready函数。

即替换：

( document ).ready(function(){
...

使用：

$( document ).ready(function(){
...

有关详情，请跳至jQuery Docs

我无法让jQuery或jQuery UI工作

4 个答案: