Question

我正在尝试创建一个基本的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>

Answer 1

我将您的代码粘贴到html文件中，它可以在模拟器中正常运行。唯一的问题是字母是黑色的，背景也是黑色的，它位于圆形屏幕外（左上方）。在我提供color: #ffffff;和text-align: center等样式后，字符串变为可见。

Answer 2

您好，您应该等待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脚本的任何错误。

我遇到了这个问题，这也是我解决它的方法。

干杯，

里卡多

在基本的Tizen Web App中没有Javascript执行

2 个答案: