Question

要在我的页面中获取灯箱功能，我在母版页中添加了js文件。一段时间后，我需要在子页面中使用jquery。所以我在子页面中添加了jquery引用。当我在子页面中添加jquery引用时，灯箱停止工作。

如何解决此问题？当我从子页面删除jquery引用时，灯箱工作正常。这是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>

Answer 1

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

希望这会有所帮助..

Answer 2

首先尝试灯箱功能。保持只有jquery.js和lightbox.js删除其他.js文件。你可能与原型或scriptaculuos发生冲突。

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

2 个答案: