如果母版页有 lightbox js 文件,Jquery 无法在子页面中工作

发布于 2025-01-03 09:02:13 字数 1250 浏览 1 评论 0原文

为了在我的页面中获得灯箱功能,我在母版页中添加了 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

旧情勿念 2025-01-10 09:02:13

首先仅尝试灯箱功能。仅保留 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.

彡翼 2025-01-10 09:02:13

只需将您的 jquery 引用放在母版页而不是子页中即可。

希望这有帮助..

Just put your jquery reference in master page instead of child.

Hope this helps..

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文