我在两个Joomla模块中遇到了jQuery冲突。我在每个模块中找到了以下代码。有谁可以帮我解决冲突?
第一个模块中的代码:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
//...
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#jeYW<?php echo $module->id ?>').weatherfeed([<?php echo "'".$cityCode[0]."'"; for ($i=1; $i<count($cityCode); $i++){echo ",'".$cityCode[$i]."'";}?>],{
unit: '<?php echo $unit ?>',
image: <?php echo $image ?>,
country: <?php echo $country ?>,
highlow: <?php echo $highlow ?>,
wind: <?php echo $wind ?>,
humidity: <?php echo $humidity ?>,
visibility: <?php echo $visibility ?>,
sunrise: <?php echo $sunrise ?>,
sunset: <?php echo $sunset ?>,
forecast: <?php echo $forecast ?>,
link: <?php echo $forecastlink ?>,
showerror: true,
linktarget: '_blank',
woeid: <?php echo $woeid ?>
});
});
</script>
第二个模块中的代码:
$document->addScript(JURI::base(true).'/modules/mod_muscol_featured_albums/tmpl/jcarousel/lib/jquery-1.2.3.pack.js');
$document->addScript(JURI::base(true).'/modules/mod_muscol_featured_albums/tmpl/jcarousel/lib/jquery.jcarousel.pack.js');
$document->addStyleSheet(JURI::base(true).'/modules/mod_muscol_featured_albums/tmpl/jcarousel/lib/jquery.jcarousel.css');
//...
$document->addScriptDeclaration("
console.dir(jQuery.fn.init.prototype);
jQuery(document).ready(function() {
jQuery('#random_album_".$random_id."').jcarousel({
// Configuration goes here
scroll: ".$scroll."
".$auto."
".$animation."
".$circular."
".$vertical."
});
});
");
答案 0 :(得分:1)
您可以尝试jQuery Easy。阅读评论,您将了解这个组件有多棒。我已经使用了很长时间了。
特点:
- jQuery和jQuery UI库可以在Joomla中托管!或者通过HTTP或HTTPS从Google API库中调用(设置显式版本 适当的缓存),
- 前端或后端不需要编码(无需将代码添加到模板中或乱用Joomla!核心),
- 在MooTools调用之后调用jQuery调用以实现完美的兼容性,
- 添加了noConflict代码,
- 在应用程序级别将'jQuery'变量设置为'true',
- 删除所有其他jQuery,jQuery UI库调用,包括由其他模块或插件添加的noConflict调用,
- 选择jQuery UI基本样式或自定义主题。
- 新:可能的专家调整
- 新:可以在您网站的特定部分启用或停用该插件
- 自v1.2.0以来的新功能:MooTools库可以在前端暂时禁用
- 自v1.3.0以来的新功能:报告和更多有助于解决更多高级案例的选项
- 新:Joomla! 3.0特定版本发布
答案 1 :(得分:0)
确保只导入1个jQuery副本。为此,请改用:
if(!JFactory::getApplication()->get('jquery')){
JFactory::getApplication()->set('jquery',true);
$document = JFactory::getDocument();
$document->addScript("http://code.jquery.com/jquery-latest.pack.js");
}
更新
尝试在no {{0>}的if
语句上方添加此内容
$document->addCustomTag( '<script type="text/javascript">jQuery.noConflict();</script>' );
希望这有帮助
答案 2 :(得分:0)
jquery easy应该处理这个问题,或者你可以将它添加到模板的头部index.php:
JHtml::_('jquery.framework');
那将加载jquery 1.8.1(或任何1.8版本的joomla稳定版)
在我的情况下使用两者,其中jquery easy只是禁用mootools并为我添加jquery ui,有一些冲突,这个设置似乎解决了它...