1

2 つのブートストラップ モーダルがあります。1 つはクイズに成功した場合、もう 1 つは失敗した場合です。チェック回答ボタンをクリックしたとき、チェックした値がtrueを返す場合はmodal-simple-successを表示し、間違っている場合はmodal-simple-failureを表示したいです。私はjavascript/jqueryを理解するのに苦労していましたが、以下のjavascript関数に記入する助けを借りることができました.

これが正しい答えであるかどうかを確認する関数を開始するボタンと、その下に表示されるモーダルを次に示します。

<div class="checkAnswer" data-toggle="modal" href=""> //href should be #modal-simple-success or #modal-simple-failure
  <%= link_to_function "check answer", 'execute();', class: "btn btn-success"%>
</div>
<%= render 'shared/modal_simple_success' %>
<%= render 'shared/modal_simple_failure' %>

失敗モーダルは次のとおりです。

<div id="modal-simple-failure" class="modal hide fade">
  <div class="modal-footer">
    <button class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div>

成功モーダルは次のとおりです。

<div id="modal-simple-success" class="modal hide fade">
  <div class="modal-footer">
    <button class="btn btn-default" data-dismiss="modal">Close</button>
    <button class="btn btn-blue" id="successButton">Next step</button>
  </div>
</div>

これがjavascriptです。値がtrueの場合、jqueryまたは代替手段を使用してmodel-simple-successを表示したいと思います

function checkValues(Result)
     checked = //working function to see true or false (don't need this)

    {
   if(checked)
            {

                //since true, display modal-simple-success
            }
            else
            {
                //since false, modal-simple-failure
            }
}

どんな助けにも感謝します

4

2 に答える 2

-1

私は次のように言うでしょう

if (checked) {
    body.appendChild("modal-simple-success")
}
else {
    body.appendChild("modal-simple-failure")
}

これらのモーダルが必要なときに表示されるように機能するはずです。

于 2013-09-18T14:46:10.630 に答える