Question

我有以下锚点

<a class="images" href="/a/b/c/abc.jpg" title="@fileName">@fileName</a>

点击这个我正在设置img标签的src，如下所示：

$("a.images").click(function () {
            var _src = $(this).attr('href');
            ("#img").attr("src", _src);
        });

这里的问题是在设置图像时，网址被更改为图像网址，即localhost：1234 // a / b / c / abc.jpg。但是，网址不应该更改，它应该只显示div中的图像。

有人可以建议吗？

Answer 1

有一个错误("#img").attr("src", _src);你必须使用$("#img").attr("src", _src);

 $("a.images").click(function (e) {
            e.preventDefault();
            $("#img").attr("src", $(this).attr('href'));
      });

e.preventDefault(); 它用于停止默认操作

Answer 2

您需要使用event.preventDefault()或return false，这样可以防止事件的默认操作被触发。

使用

$("a.images").click(function (event) {
    event.preventDefault(); //Use it
    var _src = $(this).attr('href');
    $("#img").attr("src", _src);
    //return false; Or you can use it
});

锚点击+设置img src +更改url mvc

2 个答案: