当使用jQuery UI时评级滑块没有触发

我试图让滑块在jQuery UI网站上工作。它在加载页面时可以正常工作，但是在主页上启动并浏览到该页面时，滑块不会运行。所有JS代码都位于每个页面上加载的.js文件中;包括首页。我知道jQuery UI使ajax体验，因此它不会加载整个页面，所以保持.js中所需的代码应该允许它运行;我认为。我一直在看这一段时间，我失去了一些非常基本的理解在这个我猜。当使用jQuery UI时评级滑块没有触发

如何工作时，滑块看起来：

代码：

<div class="spacer-b20 TextSliderBox"> 
    <label class="field"> 
     <input type="text" id="slider1value" name="slider1value" class="gui-input" value="1"> 
     <input type="text" name="EventID" class="TextSliderBox" value=""> 
     <div id="slider1"></div> 
    </label> 
</div>

在网站.js文件：

$(function() { 
    $("#slider1").slider({ 
    value:1, 
    min: 1, 
    max: 5, 
    step: 1, 
    range: "max", 
    slide: function(event, ui) { 
     $("#slider1value").val(ui.value); 
    } 
}); 
});

来源

2017-10-20 Web Guy

只是澄清 - 你是否创建了两个页面（主页和page2，我们会说），当通过URL加载page2时，滑块可以工作，但是当加载主页并点击一个按钮，然后通过AJAX加载page2时，滑块不起作用？ –

@ mark.hch这是正确的。 –

好的。然后我的假设是你在主页和page2上都包含了jQuery和jQuery UI，因此库加载了两次。在加载page2的AJAX调用中，可以在URL之后使用选择器来加载'.TextSliderBox'元素（这样它只加载该元素并去掉任何附加的'

我结束了移动一些功能的.js文件，并用不同的滑块，是基于CSS去。现在效果很好。

来源

2017-10-24 17:30:20

当使用jQuery UI时评级滑块没有触发

相关问题