Question

希望有人可以帮我解决这个问题，因为我很难过。首先，我使用的是MS VS 2010，c＃.net。我有两个按钮，它们都调用JQuery函数并使用.toggleclass根据.css属性更改背景。如果我在我的网页的同一位置创建两个按钮，它们都可以工作。但是，如果我将按钮移动到不同的设计元素中（假设一个不同的表格单元格，则原始的第一个按钮会继续调用该函数，而另一个按钮则不再。“

我试图在JSFiddle上重新创建问题，但没有运气。我注意到第二个按钮仍然在页面加载时选择了类，因为背景图像设置为它应该是的。除此之外，它不想运行该功能。

以下是我正在尝试做的代码...

HTML - 这有效....

 <td style="77">
<button id="button1" data-info="t1" ></button>
<button id="button2" data-info="t2" ></button>
</td>

HTML - 这不起作用

<td style="77">
<button id="button1" data-info="t1" ></button>
</td>
<td style="77">
<button id="button2" data-info="t2" ></button>
</td>

** * * 其余代码 * ** * ** * *

JQuery的

$("button").click(function()
              {
                  $(this).toggleClass("on");
 });

CSS

button
{
    background-image: url(image path);
}
button.on
{
    background-image: url(alternateImage path);
}

提前感谢您的帮助。

从各种网页位置调用Jquery函数

0 个答案: