使用jquery ui

Question

我试图让一个滑块在jquery ui网站中工作。它在加载页面时工作正常，但是当在主页上启动并浏览到该页面时，滑块不会运行。所有JS代码都在.js文件中，每个页面加载一次;包括主页。我知道jquery ui提供了一个ajax体验，因此它不会加载整个页面，因此在.js中保留所需的代码应该允许它运行;我认为。我一直在看这个问题，而且我错过了一些非常基本的理解，我猜这个。

滑块在工作时的外观：

代码：

<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);
    }
 });
});                

Answer 1

听起来你需要一个准备好的功能：

// A $( document ).ready() block.
$( document ).ready(function() {
    console.log( "ready!" );
});

https://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

我最终将一些函数移动到.js文件，并使用另一个基于css的滑块。现在效果很好。