Question

我需要一个显示图像的按钮，当显示悬停在另一个图像上时。这可以通过链接（a）和带有class / onmouseover / onmouseout事件的常规元素来完成。链接仅在重定向到URL时使用，因此如果我需要使用OnClick（用于调用函数），我应该使用带有onmouse事件的常规元素吗？

问题是，当ajax调用是dune时，我需要更改两个按钮的class / onmouseover / onmouseout，这将是很多jquery代码。

那我该如何解决这个问题呢？

Answer 1

您还可以使用a的{{1}}代码，只需在onclick属性中提供"javascript:void(0)"，更改类不会是很多jquery代码，只有少数行代码。

href

CSS WAY

HTML：

$("#elementid").attr("class","newclass")
$("#elementid").attr("onmouseover","newvalue")
$("#elementid").attr("onmouseout","newvalue")

CSS：

<a href="javascript:void(0)" onclick="function()" id="idAnchor"></a>

DEMO HERE

Answer 2

我不太确定AJAX如何改变任何东西。你是通过AJAX动态生成新按钮吗？你能告诉我们代码吗？

使用jQuery的AJAX函数应该不是什么大问题。

$.ajax({  type: "POST",  url: "some.php",
data: { name: "John", location: "Boston" }
}).done(function( msg ) {
    // change your button classes here
    $(".button1").addClass("class1");
    $(".button1").removeClass("class2");
});

如果您只是更改图像，请使用：hover CSS伪类。这比通过mousehover事件做得快得多。

使用onclick处理悬停图像的最佳方法是什么？

2 个答案: