如果母版页有 lightbox js 文件,Jquery 无法在子页面中工作
为了在我的页面中获得灯箱功能,我在母版页中添加了 js 文件。 一段时间后,我需要在子页面中使用jquery。所以我在子页面中添加了jquery引用。 当我在子页面中添加 jquery 引用时,灯箱停止工作。
如何解决这个问题? 当我从子页面中删除 jquery 引用时,lightbox 工作正常。 这是Jquery冲突问题吗?
仅供参考,我已在此处显示了我的 js 文件
母版页 Javascript 文件:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
子页 Javascript 文件:
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"> </script>
<script language="javascript" type="text/javascript">
var $j = jQuery.noConflict(true);
function showClose(obj) {
obj.style.display = 'none';
$j("#spnFullInfo").slideDown(1500);
return false;
}
</script>
To get lightbox functionality in my page,i have added js files in master page.
after some time,i needed to use jquery in child page.so i have added jquery reference in child page.
When i added jquery reference in child page,lightbox stops working.
How to resolve this problem?
when i remove jquery reference from child page,lightbox works fine.
Is this Jquery conflict problem??
FYI i have shown my js files here
Master Page Javascript files :
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
Child page Javascript files :
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"> </script>
<script language="javascript" type="text/javascript">
var $j = jQuery.noConflict(true);
function showClose(obj) {
obj.style.display = 'none';
$j("#spnFullInfo").slideDown(1500);
return false;
}
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
首先仅尝试灯箱功能。仅保留 jquery.js 和 lightbox.js 删除其他 .js 文件。您可能会与原型或脚本发生冲突。
try first only lightbox functionality. Keep only jquery.js and lightbox.js remove other .js files. you might have conflict with prototype or scriptaculuos.
只需将您的 jquery 引用放在母版页而不是子页中即可。
希望这有帮助..
Just put your jquery reference in master page instead of child.
Hope this helps..