按钮颜色不改变

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>

我做了java脚本功能在这里 -

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

而且这次我又失败了。你能给我推荐一些代码吗？

来源

2013-01-11 Manoj

Hey Manoj，欢迎来到SO。你可以做一个http://jsfiddle.net这个，所以我们可以看到，并从中修改？ – fedmich

好的，我会做小提琴 – Manoj

使用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-11 09:55:04 Anujith

+1好点!!! –

这没有发生，它只给闪光红色，没有别的 – Manoj

我的错误，选择的id是“#Myquotes”，但没有得到需要。 – Manoj

您选择的ID是 “MyQuotes”，而不是 “MyOrders”

试试这个

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

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

来源

2013-01-11 09:56:14 bipen

您必须参考该按钮（SO #MyQuotes不#MyOrders）在JS：

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

来源

2013-01-11 09:56:20

您可以使用$(this).css("background-color","red");（和目标正确元素的id）

fiddle

来源

2013-01-11 09:59:16 chrisbradbury

按钮颜色不改变

回答

相关问题