JQuery 输入类事件捕获在 MVC 5 ASP.NET 不起作用

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

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

这是我想要集成的内容：

http://acanimal.github.io/thebookofopenlayers3/chapter02_03_layer_groups.html

当我下载源代码时，这非常有效，做一些"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'>";    

这是事件代码：

 $('input.opacity').slider().on('slide', function(ev) {...do stuff...});    

但我不知道该怎么做才能纠正这一点，并能够捕捉到滑动事件

所以如果你有一个解决方案，或者如果你认为我不明白这个问题，如果你能告诉我，我会很高兴。

编辑：

这是视图（cshtml）：

https://www.dropbox.com/s/r6nxjui2r96lgza/Index.cshtml?dl=0

编辑2 ：我只是发现它在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">   

其次

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

和 JQuery：

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

但不是更多。

它适用于一个简单的HTML页面中的许多类实例。（我可以随心所欲地修改输入，它必须继续工作）