Question

当我点击div或类时，我正在尝试做某事＆＃34; c＆＃34;但似乎它不起作用。任何建议如何解决它？

<html>

    <head>
        <title>My seconf jQuery practice</title>
        <style>
            .c {
                width: 100px;
                height:100px;
                border-radius: 50px;
                background-color: red;
            }
        </style>
    </head>

    <body>
        <div class="c"></div>
        <p>My text
            <script "type=text/javascript" src="jquery-min.js">
                $(".c").click(function() {
                    //$("p").html("my text has changed");
                    alert('hi');
                });
            </script>
    </body>

</html>

Answer 1

您的脚本标记错误，应如下所示：

<script type="text/javascript"  src="jquery-min.js"></script>
<script type="text/javascript">
    $(".c").click(function() {
        //$("p").html("my text has changed");
        alert('hi');
    });
</script>

如果你得到404：

，你可能需要在src中添加一个斜杠

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

请注意，您已撰写"type=text/javascript"，且应为type="text/javascript"

Answer 2

script tag is being ignored中的内容可能很少。分别包含JQuery和您的内容脚本。

        <script  type="text/javascript"  src="/jquery-min.js"></script>
        <script  type="text/javascript">
        $(function() {    
            $(".c").click(function()
            {
                //$("p").html("my text has changed");
                alert('hi');
            });
        });
        </script>

同样如下所述，您要等到文档就绪事件尝试对dom做任何事情。

Answer 3

我修改了您的代码，如下所示。

＆＃13;

<html>
    <head>
        <title>My second jQuery practice</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <style>
                 .c{
                 width: 100px;
                 height:100px;
                 border-radius: 50px;
                 background-color: red;
                }
        </style>
        <script>
            $(document).ready(function() {
                $(".c").click(function() {
                    alert("You clicked on a div.");
                });
            });
        </script>
    </head>
    <body>
        <div class="c"></div>
        <p> My text </p>
    </body>
</html>

＆＃13;

为什么click函数在jQuery中不起作用？

3 个答案: