Question

我有一个jquery，需要在点击事件时触发。当我在网站上尝试像w3schoools尝试jquery时，它会触发。但在我的应用程序中，它无法触发。以下是我的剧本。

<script>
    $(document).ready(function(){
        $(".vouch").click(function(){
            alert("000");
        });
    });
</script>
</head>
<body>
    <li class="vouch">
        <a href=""><span>tooo</span></a>
    </li>

当我将班级.vouch更改为其他班级时，会触发。似乎有阻止代码工作的东西。非常感谢任何帮助。

Answer 1

在your code中，click事件在.vouch时附加到document.ready元素，但随后被“卡住”到该元素。即使您更改了类，事件处理程序仍然绑定到li元素本身。

要执行您想要的操作，请使用event delegation。此将click事件委托<{1}}代替document，但在执行代码之前检查单击元素是否具有vouch类。

$(document).ready(function () { $(document).on('click', '.vouch', function () { alert("000"); }); });

http://jsfiddle.net/mblase75/H88PU/

Answer 2

在<head>

中添加此内容

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

它应该有效

Answer 3

您必须在head中包含jQuery：它是一个外部库。

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<强> Your code works fine.

每当某些内容在JS中不起作用时，最好检查浏览器控制台是否有错误。

在这种情况下，您会看到类似$ is not defined的内容，这通常意味着您没有包含jQuery，或者您在jQuery加载之前尝试执行JS。

jquery点击功能未触发

3 个答案: