javascript - Jqueryでクリックしたときに変数の値を変更する

Question

txtAnswerB div がクリックされたときに選択変数の値を変更できません。ここに私のコードがあります:

function checkAnswer(){
    var choice;

    $("#txtAnswerB").click(function() {
        choice = Option2;
        $(this).css("background-color","#fff000");
    });
}

ps: option2 はグローバル変数です

Answer 1

イベントを初期化checkAnswer();するには、関数を呼び出す必要があります...click()

例：

HTML:

<div id="answerB" class="answer"> <div id="txtAnswerB" class="txtAnswer">Quest</div> </div>​

jQuery:

checkAnswer();
function checkAnswer(){
var choice;
    $("#txtAnswerB").click(function() {
        choice = Option2;
        $(this).css("background-color","red");
    });
}​

ライブデモを見る

Answer 2

このようなものでなければなりません

    <script type="text/javascript">
        var choice;
        var Option2 = /*somenthing*/;

        $(function(){
        $("#txtAnswerB").bind('click',function(){
             checkAnswer($(this));
           });
        });

        function checkAnswer(_element){
        choice = Option2;
        $(_element).css("background-color","#fff000");
        alert(choice);

        }
    </script>