为什么我的jquery代码没有被执行?

时间:2014-03-30 00:17:02

标签: javascript jquery-mobile

这里有点疯狂,我想知道为什么一个简单的

console.log("test")

不会出现在我的控制台中。我的代码如下。我也试过

$(function() {
   console.log("test")
});

但是那也没做到。以上和我的函数的目的不是等到页面加载然后再执行该功能吗?无论我把代码放在哪里 - 标题,正文......它都无法正常工作。

<!DOCTYPE html>
<html>
<head>
    <title>jQM Autocomplete</title>
    <meta content="initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport" />
    <meta name="viewport" content="width=device-width" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <link rel="stylesheet" href="styles.css" />

    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    <script src="jqm.autoComplete-1.5.2.js"></script>
    <script src="code.js"></script>
</head>

<body>

    <div data-role="page" id="mainPage">

        <div data-role="content">

            <p>
                In this example autoComplete uses a local array comprised of strings. This also shows an example of the matchFromStart property set to false.
            </p>


            <p>
                <input type="text" id="searchField" placeholder="Categories">
                <ul id="suggestions" data-role="listview" data-inset="true"></ul>
            </p>

        </div>

    </div>

    <script>


    $(document).on("pageshow", "mainPage", function() {
   console.log("test")
});

    </script>

</body>
</html>

2 个答案:

答案 0 :(得分:1)

控制台在页面之前已经准备好了,所以你不会通过使用document.ready回调获得任何东西。机会已被覆盖您的控制台。要查明是否属实,只需在控制台中输入console即可检查控制台对象。在Chrome中,它应该返回如下内容:

Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}

如果证明是真的,您需要找到代码中重定义控制台的位置。此外,您可能希望在另一个浏览器中测试您的代码 - 也许您有一个扩展或由于某种原因阻止控制台的东西。

但在所有内容之前,请仔细检查代码是否存在语法错误。

此外,请确保您已将控制台设置为显示日志(过滤器按钮,它位于清除控制台按钮旁边)。

答案 1 :(得分:0)

问题与我的控制台设置有关。在控制台中,底部有一些灰色按钮 - All,Errors,Warnings,Logs,Debug。好吧,出于某种原因选择了错误。所以我在Console中什么也没得到但是错误。单击“全部”,它可以正常工作。

话虽如此,我的代码在mainpage之前也缺少#,正如null所示。