1

JavaScript 関数があり、ブートストラップのモーダル ポップアップを使用するときに呼び出されるようにしたいと考えています。ただし、関数はまったく呼び出されません。誰でもこれで私を助けることができますか？

これは私のJavaScriptコードです:

<script type="text/javascript">
      /*---------------------------------------------About Us-----------------------------------------------*/
      function aboutUs(AU) {
          $("#modal-content").window({
                  icon: ('/SAFETY_AT_SG/Images/PopUpWindowImg/Analysis.png'),
                  title: "About Us",
                  content: "<div>" +
            "<h3>Our Vision and Mission</h3>" +
            "<img src='..Images/Logo.jpg' />" +
            "<h5>Our Vision</h5>" +
            "<p>Create safety awareness among Teenagers to Adults</p>" +
            "<h5>Our Mission</h5>" +
            "<p>- Develop an Online Map Portal/Mobile Platform which serve as a purpose for adults to <br/>identify the safety issue around a area.</p>" +
            "<p>- Provide kids/teenagers the safer/shortest route to travel back home avoiding any <br/>unncessary trouble." +
            "</div>",

              });
      }
</script>

ここで関数を呼び出しました。

<div class="modal fade" id="About" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4>About Us</h4>
            </div>
            <div class="modal-body">
                <script type="text/javascript">
                    aboutUs(this);
                </script>
            </div>
        </div>
    </div>
</div>

誰かが私のコードを修正できますか?

4

2 に答える 2

0

ドキュメントが「準備完了」になるまで、ページを安全に操作することはできません。jQuery は、この準備完了状態を検出します。$( document ).ready()内に含まれるコードは、ページのドキュメント オブジェクト モデル (DOM) で JavaScript コードを実行する準備が整った場合にのみ実行されます。

したがって、コードは次のように変更されます。

<div class="modal fade" id="About" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4>About Us</h4>
            </div>
            <div class="modal-body">
                <script type="text/javascript">
                    $(document).ready(function () {
                        aboutUs(this);
                    });
                </script>
            </div>
        </div>
    </div>
</div>
于 2014-03-16T14:24:07.757 に答える