0

问题 - 按钮颜色没有改变,我使用了 jquery click 功能

<button class="red"  id="MyQuotes" href="#" title="">@Aceo.Crm.App.Resources.Shared.Order.Link_MyQuote</button>

对于这个按钮,我使用 jquery 作为

$(document).ready(function(){
    $("#MyQuotes").click(function(){
    $(this).css({background:"red"});
    });
});

但这并不成功,我也尝试以这种方式执行此操作-

<button class="red" onclick="D()" id="MyQuotes" href="#" title="">@Aceo.Crm.App.Resources.Shared.Order.Link_MyQuote</button>

我在这里制作了javascript函数-

<script language="javascript">
function D()
{
document.body.style.backgroundColor="red";
}
</script>

是的,这次我又失败了。你能建议我一些代码吗?

4

4 回答 4

2

使用 jQuery:http: //jsfiddle.net/DrWjq/

$(document).ready(function(){
   $("#MyQuotes").click(function(){
    $(this).css({background:"red"});
   });
});

纯JS:http: //jsfiddle.net/wx9tw/

function D(id)
{
 id.style.backgroundColor="red";
}

<button class="red" onclick="D(this)" id="MyQuotes" href="#" title="">@Aceo.Crm.App.Resources.Shared.Order.Link_MyQuote</button>
于 2013-01-11T09:55:04.820 回答
1

您的选择器的 id 是“MyQuotes”而不是“MyOrders”

尝试这个

$("#MyQuotes").click(function(){
  $(this).css({background:"red"});
});

或者

function D()
{
  $('#MyQuotes').css({background:"red"});
}
于 2013-01-11T09:56:14.217 回答
0

您必须在 JS 中引用按钮(所以 #MyQuotes 而不是 #MyOrders):

$(document).ready(function(){
    $("#MyQuotes").click(function(){
    $(this).css({background:"red"});
    });
});
于 2013-01-11T09:56:20.770 回答
0

您可以使用$(this).css("background-color","red");(并定位正确的元素 ID)

小提琴

于 2013-01-11T09:59:16.123 回答