外部javascript注册
external javascript registering
我有一个带有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>
相关文章:
- 注册OpenLayers事件时,即使使用匿名函数或绑定,JavaScript关闭也会触发循环内的所有内容
- 如何在单击“提交”按钮时为“新建”窗口编写JavaScript,用“确定”和“取消”显示注册信息
- 如何从已注册的事件发送 JavaScript 对象
- JavaScript一次性在多个元素上注册一个事件类型
- 正在webOS中注册JavaScript服务
- 注册表格使用Javascript和Php与MySql数据库
- 使用 Ajax、Jquery 或 JavaScript 在注册表单中添加验证码
- 在无效输入:JavaScript 上停止注册
- JavaScript/jQuery分步注册表单
- JavaScript内联与传统注册
- 如何在 JavaScript 中为嵌套脚本标记追加注册回调
- 如何在 Plone 中针对特定视图注册 Javascript
- 如何注册Javascript函数以查找隐藏字段值何时更改
- iOS 8第三方键盘don't注册javascript/jQuery keyup、keypress、keydow
- 如何使用VB.NET代码注册JavaScript
- rails没有在app/assets/javascript下注册javascript文件
- 在 AJAX 加载后注册 javascript 函数(使用 UpdatePanel)
- ajax回调完成后重新注册javascript文件
- 在GWT java代码中注册javascript方法,以便可以根据GWT中的事件调用该方法
- Asp.net webforms从用户控件注册javascript