Question

渲染Portal页面时，我收到此错误..

TypeError: $(...).slick is not a function

该页面可以访问JQuery，因为我可以访问JQuery个功能在浏览器中，我可以看到js在pzn页脚之前呈现，所以应该可以访问slick功能怎么没有？

在pzn标题中，js lib copy / pasted ..

<script>
/*
     _ _      _       _
 ___| (_) ___| | __  (_)___
/ __| | |/ __| |/ /  | / __|
\__ \ | | (__|   < _ | \__ \
|___/_|_|\___|_|\_(_)/ |___/
                   |__/

 Version: 1.3.15
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues

 */

!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):"undefined"!=typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){"use strict";var b=window.Slick||{}; ..
</script>

<div id="carouselContainer" class="slider multiple-items width"></div>

在pzn页脚..

<script>
$('.multiple-items').slick({
    infinite: false,
    slidesToShow: 5,
    dots: true
});
</script>

Answer 1

IBM Content Template Catalog导致了冲突。禁用CTC后，slick功能可用。

最后，我在初始化slick.js之前Portal主题级导入了CTC，即theme_en.html

Answer 2

我也遇到了这个错误。为了解决这个问题，我改变了我的代码：

var $ = require('jquery-browserify');
var slick = require('slick-carousel');

为：

var $ = require('jquery');
var slick = require('slick-carousel');

＆＃39; jquery的＆＃39;是v2.1.4而jquery-browserify＆＃39;是v1.8.1。

在Portal中使用js lib，＆＃34; TypeError：$（...）。slick不是一个函数＆＃34;

2 个答案: