外部javascript注册

external javascript registering

本文关键字:注册 javascript 外部      更新时间:2023-09-26

我有一个带有jQuery加载和外部javascript(functions.js(文件加载的index.html。但是外部js文件中的函数不起作用。我可以在chrome-dev工具的resources选项卡中看到jQuery和functions.js文件的加载。此外,如果我将我的功能剪切并粘贴到控制台中,它就可以工作了。请帮忙。

$(document).ready(function () {
topMenuShare();
});
function topMenuShare(){
$('#topNavShare').click(function(){
    $('#shareMenu').show();
});
}

下方的HTML

<script type="text/javascript" src='js/jquery1.6.2.min.js'></script>
<script type='type/javascript' src='js/functions.js'></script>

更新:没有显示错误消息,chrome开发工具、firebug和jsFiddle表示一切正常。当我说它不起作用时,我的意思是脚本加载,没有错误消息,但当我单击"#topNavShare"时,show((事件不会启动。

可点击元素是一个空的div,其高度、宽度和背景图像在CSS中定义。

        <div id="topNav">
            <div id="topNavLogin" class="topNavButtons">
            </div>
            <div id="topNavShare" class="topNavButtons">
                <div id='shareMenu'>
                    <div id='shareMenuEmail' class='shareMenuitem'>
                    </div>
                    <div id='shareMenuFacebook' class='shareMenuitem'>
                    </div>
                    <div id='shareMenuTwitter' class='shareMenuitem'>
                    </div>
                    <div id='shareMenuGooglePlus' class='shareMenuitem'>
                    </div>
                </div>
            </div>
            <div id="topNavLiveChat" class="topNavButtons">
            </div>
            <div id="topnavSearch" class="topNavButtons">
            </div>
        </div>

CSS。。。

#topNav{
position: absolute;
width: 400px;
height: 25px;
top: 0px;
right: 15px;
}
.topNavButtons{
height: 25px;
float: left;
margin-right: 5px;
}
#topNavShare{
width: 60px;
height: 25px;
background-image: url('http://localhost:8888/assets/hpSprites.png');
background-position: -63px -41px;
}
#topNavShare:hover{
background-position: -63px -11px;
}

希望这会有所帮助。很抱歉,如果这看起来很疯狂,我已经研究这个看似简单的问题一段时间了,我的最后期限很快就要到了。

<script type='type/javascript' src='test.js'></script>

应该是

<script type="text/javascript" src="test.js"></script>