[英]jquery and ajax conflict - Joomla
好的,这是我的问题:我正在使用Joomla 1.6,
我有一个Ajax JS来显示幻灯片在我网站上的显示方式: www.dhwnj.com启用后,我正在使用的Jquery脚本使幻灯片无法正常运行,因此我尝试使用“无冲突”脚本,但是我不知道自己是否正确使用它:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this‐>baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.metadata.min.js"></script>
<script type="text/javascript" src="<?php echo $this‐>baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.maphilight.js"></script>
<script type="text/javascript" src="<?php echo $this‐>baseurl ?>/templates/<?php echo $this->template?>/js/fancybox/jquery.fancybox.js"></script>
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("jquery.maphilight.js").hide();
});
// Use Prototype with $(...), etc.
$('_class.noobSlide.packed.js').hide();
</script>
<script type="text/javascript" src="<?php echo this->baseurl; ?>/templates/
<?php echo $this->template ?>/js/_class.noobSlide.packed.js" >
</script>
有任何想法吗?
原型无法与Mootools一起使用,并且Mootools已加载到您的页面上(可能直接由Joomla加载)
也许这就是问题背后的原因...
您应该在mootools之后使用jQuery。 您可以确保此代码首先覆盖mootools(在模块或组件视图中使用它)
JHTML::_('behavior.mootools');
$doc = &JFactory::getDocument();
....
$doc->addScript( "https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" );
$doc->addScriptDeclaration('jQuery.noConflict();');
$doc->addScriptDeclaration("
jQuery(document).ready(function(){
alert('jo');
});"
);
这是joomla 1.5的代码,不知道1.6中的功能是否相同。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.