0

我正在尝试制作一个基本的 Web 应用程序，但我无法启动我的 Javascript 和 JQuery。如果我尝试调试，我可以在控制台中编写 JQuery 命令并且它们工作正常，但是没有<script>执行任何标记（也没有任何内容进入控制台）：

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
</head>
    <body>
        <div class="ui-page ui-page-active" id="main">
            <div class="ui-content">
               <p id="changeme">foo</p>
            </div>
        </div>

        <script>
            console.log("ffs");
            $('#changeme').append("bar")
        </script>       
    </body>
</html>
4

2 回答 2

0

您好，您应该等待 jquery 对象准备好：

http://learn.jquery.com/using-jquery-core/document-ready/

“在文档“准备好”之前，无法安全地操作页面。jQuery 会为您检测到这种准备状态。”

请尝试更换

<script>
    console.log("ffs");
    $('#changeme').append("bar")
</script>

为了

<script>
    console.log("ffs");
    $(document).ready(function(){
        $('#changeme').append("bar");
    });
</script>

我正在为可穿戴设备开发，所以我发现，console.log 不是调试的最佳方式。插入警报它应该触发！查找加载 JQuery 脚本的任何错误。

我遇到了这个问题，这也是我为解决它所做的。

干杯，

里卡多

于 2016-01-09T16:50:38.463 回答
0

我将您的代码粘贴到 html 文件中，它可以在模拟器中正常工作。唯一的问题是字母是黑色的，背景也是黑色的，它位于屏幕外（左上角外侧）。在我给出了 和 之类的样式后color: #ffffff;，text-align: center字符串变得可见。

于 2016-01-04T13:23:48.117 回答