Question

我在Visual Studio ASP.net中使用Jquery。每次有人点击页面上的特定图像链接（class =“button notice buttonEight”）时，我都会尝试显示一条消息。以下是该页面代码的片段：

<li class="levelOne"><a class="button notice buttonEight" href="#">
      <img src="<%= Page.ResolveUrl("~/PBS-Intranet/_res/_images/icon_notice.png") %>"/></a></li>
</ul>
<div class="endCap">
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $("icon_notice").click(function() {
            var src = $(this).attr('src');
            alert("Hello world!");
        });
    });
</script>

Answer 1

你需要实际告诉jQuery你点击什么，计算机不知道$("icon_notice")是什么。将ID icon_notice添加到您的图片中，然后使用$("#icon_notice")选择该代码并且该代码应该效果很好。

Answer 2

$(".notice").click(function() {
   alert("Hello world!");
});

Answer 3

如果你给你的图像一个Id，你可以使用id选择符'$（＃＆lt; id here＆gt;）'在jQuery中引用它。

<a class="button notice buttonEight" href="#">
   <img id="icon_notice" src="<%= Page.ResolveUrl("~/PBS-Intranet/_res/_images/icon_notice.png") %>" />
</a>

<script type="text/javascript">
 $(document).ready(function() {
    $("#icon_notice").click(function () {
    var src = $(this).attr('src');
    alert("Hello world!");
    });
});

</script>

Answer 4

我不确定你遇到了什么问题。您可以使用任何类别选择链接：

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

Answer 5

你可以试试这个。

$(document).ready(function(){
  $("a.notice").click(function(){
    alert("You clicked me.");
  });
});

Answer 6

您的选择器应更改为基于班级选择（或id）。要根据CSS类进行选择，语法为 .classname （请注意类名称前面的点）。

要选择具有多个类的元素，语法为 .classone.classtwo 。

在您的情况下，您可以使用以下内容：

$('.buttonEight').click(function()
{
   //your awesome code goes here.
});

针对特定链接的Jquery单击事件

6 个答案: