如何使用多个jquery版本,以便ResponsiveSlides.js工作?

时间:2016-04-27 19:41:37

标签: javascript jquery css jquery-mobile jquery-plugins

我的网站使用jquery版本1.11.o并且我想使用来自GitHub的ResponsiveSlides.js在我的主页上显示幻灯片,但是ResponsiveSlides.js使用jquery版本1.8.3并且它与v1.11.0冲突所以我的网站休息。

我已尝试过我在另一个问题中找到的解决方案,以便我可以使用两个jquery版本,但它不起作用。如何实现这一点并使用两个jquery版本而不会发生冲突?

(entire html)
<script type="text/javascript" src="js/jQuery/jQuery-2.1.4.min.js">
</script>
<script type="text/javascript" src="js/bootstrap/novo.js">
</script>
<script type="text/javascript">
  var id = '1';
  $(function(){$(document).on('click', '.btn-add', function(e){

      e.preventDefault();

      var inpute = '<div class="entradas-'+id+'" hidden></br><select class="form-control" id="tipo." name="abc['+id+'][tipo_id]"><?php foreach($contatotipo as $tipo): ?><option value="<?= $tipo->id; ?>"><?= $tipo->nome; ?></option>                <?php endforeach; ?>            </select>            <input class="form-control" id="contato" placeholder="Preencher" name="abc['+id+'][contato]">            <button class="btn btn-danger btn-remove" id="addcontato" type="button">                <span class="fa fa-minus"></span>            </button>    </br> </div>';
      $(".novas").before(inpute);
      $('.entradas-'+id).slideDown('slow');
      return id++;
    })
    .on('click', '.btn-remove', function(e)
    {
      $(this).closest('div').slideUp();

      e.preventDefault();
      return false;
    });
  });
</script>

1 个答案:

答案 0 :(得分:0)

不建议使用2个版本的jQuery,这会导致大量问题。您应该使用jQuery migrate plugin。该插件恢复不推荐使用的功能和行为,以便旧代码仍然可以在jQuery 1.9及更高版本上正常运行。最新版本将使用如下:

<script src="jquery-1.12.3.min.js" type="text/javascript"></script>
<script src="jquery-migrate-1.3.0.min.js" type="text/javascript"></script>