Question

Problem- 按钮颜色没有变化，我使用了jquery点击功能

<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>

是的，这次我又失败了。你能告诉我一些代码吗？

Answer 1

使用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>

Answer 2

你的选择者的ID是“MyQuotes”而不是“MyOrders”

试试这个

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

或

function D() { $('#MyQuotes').css({background:"red"}); }

Answer 3

你必须在JS中引用按钮（SO #MyQuotes而不是#MyOrders）：

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

Answer 4

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

fiddle

按钮颜色不变

4 个答案: