無法通過反應引導程序調用傳送帶功能

嘗試使用縮略圖創建傳送帶。當點擊縮略圖時，它需要調用傳送帶功能。無法通過反應引導程序調用傳送帶功能

import $ from 'jquery'; 
import 'react-bootstrap' 

function changeSlide(){ 
$('[id^=carousel-selector-]').click(function() { 
    var id_selector = $(this).attr("id"); 
    try { 
    var id = /-(\d+)$/.exec(id_selector)[1]; 
    console.log(id_selector, id); 
    $('#myCarousel').carousel(parseInt(id)); 
    } catch (e) { 
    console.log(e); 
    } 
}); 
module.exports.changeSlide = changeSlide;

現在，當點擊縮略圖我得到控制檯錯誤

TypeError: (0 , _jquery2.default)(...).carousel is not a function 
at HTMLAnchorElement.<anonymous> (scripts.js:21) 
at HTMLAnchorElement.dispatch (jquery.js:5206) 
at HTMLAnchorElement.elemData.handle (jquery.js:5014)

來源

2017-03-26 Amal Krishna

react-bootstrap不依賴於jQuery和你的組件供電，而不是通過jQuery的作出反應的。

Bootstrap分爲兩部分：CSS和JS。 JS部分將處理用戶與組件的交互。傳統上，人們會用引導與CSS：

引導它使用jQuery的或者使用陣營

兩個jQuery和作出反應的目的是響應用戶交互和應用相應的

反應，引導JS DOM操作。你通常不應該將它們混合在一個組件中。

您應該能夠通過以下示例代碼使其正常工作：https://react-bootstrap.github.io/components.html#carousels

來源

2017-03-26 04:49:12

無法通過反應引導程序調用傳送帶功能

回答

相關問題