Question

我有一个脚本，在点击文本时弹出警报。我将此相同的脚本附加到图像，但无法正常工作。我

$(document).ready(function () {
    $('.coverimage').on('click', function (event) {
        var href = $(this).attr('href'); // Get the `href` value of the clicked anchor
        var paramValue = href.split('=')[1]; // Get the value after =
        $('#news_div').load('newsarea.asp?news_id='+paramValue);
        alert ('page works fine')

    });
});

<a href="#"><img src="imgs/newsimage.png" width="23" height="16" class="coverimage" /></a>

Answer 1

您正在寻找一个＆＃39; href＆＃39;您的图像属性不存在。话虽如此，为什么不简单地将您的图像包装在new标签内，而根本不使用任何jQuery？

<a>

如果你想使用jQuery，你可以做这样的事情。我看到你需要获得news_id属性。您可以使用数据属性来嵌入您的新闻ID值，如下所示：

<a href="http://your_url_here"><img src="../imgs/news_icon.png" width="36" height="36" class="coverimage" border="0" /></a>

然后你的javascript看起来像这样：

<img src="../imgs/news_icon.png" width="36" height="36" class="coverimage" data-news-id="<%= /* Output news_id value */ %>" />

Answer 2

这适用于我的：

$(document).ready(function () {
$('.coverimage').on('click', function (event) {
    var href = $(this).attr('href'); // Get the `href` value of the clicked anchor
    var paramValue = href.split('=')[1]; // Get the value after =
    $('#news_div').load('newsarea.asp?news_id='+paramValue);
    alert ('page works fine');

});
});



<a href="#" class="coverimage"><img src="imgs/newsimage.png" width="23" height="16"/></a>

你的班级应该不在图像上。

onclick事件无法处理图像

2 个答案: