bootstrap和JQuery响应滑块之间的冲突

Question

我在布局中遇到滑块问题 我有一个滑块，它正在工作，但图像被压缩和扭曲，而不是像原始滑块一样移动。

我收到以下错误：

TypeError: $(window).on is not a function
$(window).on( 'smartresize.eislideshow', function( event ) {

我该如何解决？我不熟悉这个js。

• My site
• Original slider

Answer 1

您在不支持on()方法的页面中使用jQuery 1.6.4。这仅在1.7版http://api.jquery.com/on/

中引入

修改

除了你所包含的行之外，还有两个加载旧版本的脚本。这些是参考线。他们必须从你的wordpress模板中获取。

<script type='text/javascript' src='http://b.pusku.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>

<script type='text/javascript' src='http://b.pusku.com/wp-content/themes/wpbootstrap/bootstrap/js/jquery.js?ver=3.4.2'></script>

Answer 2

您的网站负责人中没有一个，而不是两个，但有3个不同版本的jQuery！ （1.8.0,1.7.2，最后是1.6.4）。最后一个覆盖前两个，1.6.4不包括.on（）方法。