Часы Jquery не работают с React - PullRequest
Новая
       17

Часы Jquery не работают с React

0 голосов
/ 08 октября 2018

Я пытаюсь интегрировать jQuery clockpicker в мое приложение реакции, но оно все равно не хочет работать.Я пытался, возможно, всеми возможными способами, но безрезультатно.Сам jQuery работает хорошо, а clockpicker - нет.Выдает ошибку

Uncaught TypeError: clockpicker.clockpicker не является функцией

Это мои HTML и CDN ссылки 

<!DOCTYPE html>
<html lang="en">
<head>
    <base href="/">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="The Brring Web Client">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.min.css" integrity="sha256-lBtf6tZ+SwE/sNMR7JFtCyD44snM3H2FrkB/W400cJA=" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-87DrmpqHRiY8hPLIr7ByqhPIywuSsjuQAfMXAE0sMUpY3BM7nXjf+mLIUSvhDArs" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/jquery-clockpicker.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
    <script src="js/app.js"></script>
</body>
</html>

Это функция, в которой я инициализирую средство выбора часов 

import * as $ from "jquery";   
 class example {
    ... other staff
    initializeTimePicker() {
        jQuery(function($) {
           let clockpicker = $(".clockpicker");
           clockpicker.clockpicker();
        });
     }
  }

  export default new CallUtil();

И, в конце концов, я вызываю эту функцию в жизненном цикле componentDidMount другого компонента. 

import CallUtil from 'some_folder'    
componentDidMount(): void {
        CallUtil.initializeTimePicker();
}

Что я сделал не так ?

...