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 回答
0

用代码包装$( document ).ready()或将其移动到代码底部！

于 2014-03-16T10:38:00.603 回答