jQuery Input Class事件捕获在ASP.NET MVC 5中不起作用

Question

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

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

这是我要整合的内容：

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

当我下载源代码，执行一些“ Yeoman / Grunt / ...”操作并打开html文件时，此方法非常有效。

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

几乎所有事情都可以正常运行，只是有一个slider事件不起作用：我可以滑动，但是似乎该事件不是“捕获”的，什么也没发生。

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

我当时以为是因为幻灯片被声明为类的Input：

"<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

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">   

其次是

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

和JQuery：

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

但没有更多。

并且可以在一个简单的html页面中使用该类的许多实例。 （我可以根据需要复制输入，可以正常工作）

Answer 1

好吧，我从零开始重新构建项目，并导入与项目示例中的库完全相同的库（这次使用nuget进行螺母化），并且看来可行！