Question

我试图排除这个函数（因为我已经习惯了它），当你点击带有id test1的p时应该触发它。

我写了以下jQuery

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>click demo</title>
        <style>
            p {
            color: red;
            margin: 5px;
            cursor: pointer;
            }
            p:hover {
            background: yellow;
            }
        </style>
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
        <script>
            function test1(){
                $( this ).slideUp();
            }
            $(document).ready(function(){
                    $( "#test1" ).click(test1());
            });

        </script>
    </head>
    <body>
        <p id="test1" class="test2">First Paragraph</p>
        <p>Second Paragraph</p>
        <p>Yet one more Paragraph</p>
    </body>
</html>

给定的示例适用于内联格式，但不是以这种方式编写的。有人能告诉我为什么它不起作用吗？

Answer 1

您正在立即呼叫您的功能。你想要做的是传递函数的引用（不调用它）。试试这个：

$( "#test1" ).click(test1);

Answer 2

你可以用定义功能

来做到这一点

  $(document).ready(function(){
                $( "#test1" ).click(function(){
                $( this ).slideUp();
                });
        });

jQuery dos内联函数无法按预期工作

2 个答案: