Javascript JQuery输入类事件捕获不'；t在ASP.NETMVC5中工作

首先，我是所有技术的初学者，但我需要建立一个网站来显示我的研究项目结果，我没有选择使用的技术

我在ASP.NETMVC5网站中运行Javascript/JQuery代码时遇到一些问题

以下是我想要整合的内容：

当我下载源代码，做一些“Yeoman/Grunt/…”的工作，并打开html文件时，这一切都非常有效

然后我尝试将其包含在我的ASP.NET网站中。（我做了一些整理，等等…）

几乎每件事都很好，只有滑块事件不起作用：我可以滑动，但似乎事件没有被“捕获”，什么也没有发生

相反，复选框可以完美地工作，并使层显示和取消显示

我认为这可能是因为幻灯片被声明为类的输入：

"<input ... class='opacity' type='text' value='' data-slider-min='0' data-slider-max='1' data-slider-step='0.1' data-slider-tooltip='hide'>";    

但我不知道该怎么做才能纠正这个问题，也不知道怎样才能抓住滑动事件

因此，如果你有一个解决方案，或者如果你认为我不理解这个问题，如果你能告诉我，我会很高兴

编辑：

以下是视图（cshtml）：

EDIT2：我刚刚发现它在MVC中只对类的一个实例起作用

<input type="text" class="span2" value="" data-slider-min="-20" data-slider-max="20" data-slider-step="1" data-slider-value="-14" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="hide">   

但不是更多

---

它在一个简单的html页面中处理该类的许多实例。（我可以随心所欲地复制输入，它可以工作）

好吧，我从零开始重新启动项目，并导入与项目示例中完全相同的库（这次使用nut nuget），它似乎可以工作

您可以包含上下文的html/视图代码吗？

<input type="text" class="span2" value="" data-slider-min="-20" data-slider-max="20" data-slider-step="1" data-slider-value="-14" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="hide">   

<input type="text" id="bar">     

                   $('input.span2').slider().on('slide', function (ev) {
                $('#bar').val(ev.value);
            });