Question

我写了一个简单的页面，你可以在这里看到：http://jsfiddle.net/NdhnY/

由于某些未知原因，javascript没有执行，我无法弄清楚原因。找到脚本（我在firebug上查看）。我也尝试添加type =“text / javascript”，但没有结果。

你能帮帮我吗？谢谢。

编辑：我将粘贴一段代码，因为这是强制性的：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Void Museum</title>
        <!-- CSS -->
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="main.css">
        <!-- JavaScript -->
        <script type="text/javascrpt" src="jquery-2.0.0.min.js"></script>
        <script type="text/javascrpt" src="main.js"></script>
    </head>
    <body>
        <div id="toolbar">
            <h1 id="tb-logo">Void Museum</h1>
            <ul>
                <li>
                    <div>
                        <input id="tb-btn-home" title="Home" type="button">
                        <p>Home</p>
                    </div>
                </li>
                <li>
                    <div>
                        <input id="tb-btn-account" title="Account" type="button">
                        <p>Account</p>
                    </div>
                </li>
                <li>
                    <div>
                        <input id="tb-btn-about" title="About" type="button">
                        <p>About</p>
                    </div>
                </li>
                <li>
                    <div>
                        <input id="tb-btn-fullscreen" title="Enable fullscreen" type="button">
                        <p>Full screen</p>
                    </div>
                </li>
            </ul>
        </div>
    </body>
</html>

Answer 1

我发现了问题：

<script type="text/javascrpt" src="jquery-2.0.0.min.js"></script>
<script type="text/javascrpt" src="main.js"></script>

javascript被误解了。

Answer 2

您的document.ready不正确请在此处查看：

http://api.jquery.com/ready/

要修复的代码：

(function( $ ) {

    $(function() {alert(0); //in jQuery this is equivalent to $( document ).ready( handler )

        $( '#tb-btn-fullscreen' ).on( 'click', function() {

            var docElm = document.documentElement;

            if( docElm.requestFullscreen )
            {
                docElm.requestFullscreen();
            }
            else if( docElm.mozRequestFullScreen )
            {
                docElm.mozRequestFullScreen();
            }
            else if( docElm.webkitRequestFullScreen )
            {
                docElm.webkitRequestFullScreen();
            }
        });

    }); // HERE YOU HAD A : and not a ;

})( jQuery );

来自jQuery：

还有$（document）.on（＆＃34; ready＆＃34;，handler），不赞成使用 jQuery 1.8。这与ready方法的行为类似，但如果是 ready事件已经解雇，你尝试.on（＆＃34; ready＆＃34;）绑定处理程序将不会被执行。以这种方式绑定的现成处理程序是在被上述其他三种方法约束后执行。

链接：http://jsfiddle.net/NdhnY/5/

Answer 3

1）(function( $ ) {

2）$( document ).on( 'ready', function() {

1和2的含义相同，所以只使用一个像

这样的东西

(function( $ ) {

  alert(0);
   .....
   .....
})( jQuery );

在DEMO中有警报。

JavaScript没有执行

3 个答案: