jQRangeSlider不能与Bootstrap一起使用吗？版本冲突？

Question

编辑：问题已解决。这是一个粗心的初学者错误。

我想在基于Nodejs / Express的Web应用程序中使用jQRangeSlider插件。它具有一个漂亮的数据范围滑块（here's a simple jsfiddle），我打算与Bootstrap Datepicker Plugin结合使用。但是，我无法正常工作，即滑块应显示的位置没有任何显示。

令我困惑的是，控制台中没有错误（powershell / firefox dev-console都没有）。 我想知道这是版本还是与插件或依赖项冲突的问题。 发布一些代码，我希望足够了。

（我正在使用PUG templating engine，所以我的HTML是PUG样式的语法）

使用的依赖项：（在调试时进行了概述，以进行概述）

doctype html
html
  head
    title= title

//- JQUERY
script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js')
//- JQUERY UI
link(rel='stylesheet', href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css')
script(src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js')
script(src='/javascripts/jquery-ui-1.8.16.custom.min.js')
//- Date range slider
script(src='/javascripts/jQDateRangeSlider-min.js')
//link(rel='stylesheet', href='/stylesheets/iThing-min.css')
link(rel='stylesheet', href='/stylesheets/classic-min.css')
//- BOOTSTRAP DATE PICKER
script(type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js")
link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css')   
//- BOOTSTRAP
script(src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js')
link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css')
//- BOOTSTRAP TOGGLE
link(href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet")
script(src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js")
//- custom CSS
link(rel='stylesheet', href='/stylesheets/style.css')
body
  block content

以我的HTML格式放置：

div.form-group
      label.control-label(for="myslider") where the slider?
      div#myslider

按照记录初始化滑块：

$("#myslider").dateRangeSlider();

结果：

希望这不会引起混淆-我无法发布整个内容。但是其他表单元素也以这种方式工作（例如，日期选择器，其他表单输入）$（“＃myslider”）。dateRangeSlider（）函数被调用（我通过删除在控制台中引发错误的依赖项进行检查。）

我不知道如何进一步调试它，如有必要，我将很乐意提供更详细的信息。谢谢！

Answer 1

解决方案是将脚本标签放入$（“＃myslider”）。dateRangeSlider（）;在div＃myslider之后。在很大程度上令人尴尬。现在它正在按预期工作。