インラインスタイルの入力ボタンを強制的に変更しようとしています。私はjQueryのhtml関数を使用します。それは私が+]ボタンをクリックしてください最初の時間を動作しますが、私は上のクリックしたときに動作していない - ボタンJqueryのhtml関数が2回目に動作しません
<div id='div_bouton_moins'><input type=button value='-' id='bouton_moins' style='background-color:green !important'></div>
<div id='div_bouton_plus'><input type=button value='+' id='bouton_plus' style='background-color:red !important'></div>
$('#bouton_moins').click(function(){
$('#div_bouton_plus').html("<input type=button value='+' id='bouton_plus' style='background-color:red !important'>")
$('#div_bouton_moins').html("<input type=button value='-' id='bouton_plus' style='background-color:green !important'>");
});
$('#bouton_plus').click(function(){
$('#div_bouton_plus').html("<input type=button value='+' id='bouton_plus' style='background-color:green !important'>");
$('#div_bouton_moins').html("<input type=button value='-' id='bouton_plus' style='background-color:red !important'>");
});
https://jsfiddle.net/z148xexp/
おかげで、すべての
/toggle /) –
クリックハンドラーのすべてのボタンには、ID = 'bouton_plus'というIDがあります。それを修正し、それは正常に動作します。しかし、あなたの本当の問題はイベント委任なので、私はこれを閉じます。 https://jsfiddle.net/j08691/z148xexp/5/ – j08691