Question

有人可以向我解释这里有什么问题吗？我没有得到IE或Chrome的警报。我的标题部分中有Jquery，正文链接。

<script type="text/javascript">
$(document).ready( function() 
{
$(".clicked").click(function () {
    alert("clicked");
});

<a href="#" class = "clicked" title="link">Click Link</a>

Answer 1

你把括号搞砸了一下，这是一个有效的例子：

＆＃13;

$(document).ready(function() {
    $(".clicked").click(function () {
        alert("clicked");
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class = "clicked" title="link">Click Link</a>

＆＃13;

Answer 2

可以是类属性后的间距吗？

<a href="#" class = "clicked" title="link">Click Link</a>

应该是

<a href="#" class="clicked" title="link">Click Link</a>

另外，你的JS没有正确关闭，它应该是：

$(function() {
    $('.clicked').on('click', function () {
        alert("clicked");
    });
});

Answer 3

好的，所以我在Jquery找到了我为其他初学者做的事情。

在将任何代码插入文档之前，代码应为此。

<script type="text/javascript">
$(document).ready( function() 
{

});

然后在插入代码后，应该看起来像这样。在我的第一个问题上，我忘记了}）;作为我的右括号。

<script type="text/javascript">
$(document).ready( function() 
{
    $(".clicked").click(function () {
    alert("Message to alert!");
    });
});
</script>

现在我的href会正确显示警告。

<a href="#" class = "clicked" title="clicked linked">Click Here</a>

Answer 4

您可以创建一个单击.clicked类时调用的函数。

以下是如何完成您要做的事情的代码。

$(function () {
  $(".clicked").click(function () {
     alert("clicked");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class = "clicked" title="link">Click Link</a>

另外一定要参考jquery

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

修改

此版本只是编写此代码的一种更简洁的方法。而不是使用document.ready函数。

Jquery alert href链接

4 个答案: