Question

我在两个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."
    });
});
");

Answer 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特定版本发布

Answer 2

确保只导入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>' );

希望这有帮助

Answer 3

jquery easy应该处理这个问题，或者你可以将它添加到模板的头部index.php：

JHtml::_('jquery.framework');

那将加载jquery 1.8.1（或任何1.8版本的joomla稳定版）

在我的情况下使用两者，其中jquery easy只是禁用mootools并为我添加jquery ui，有一些冲突，这个设置似乎解决了它...

Joomla Modules jQuery冲突

3 个答案: