0

問題-ボタンの色が変わらない、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>

はい、今回も失敗しました。いくつかのコードを教えてください。

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 でボタン (SO #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 に答える