javascript - 如何在幻灯片范围后提醒文本？

Question

如何在滑动范围后提醒文本[jquery]？

我的第一个问题在图片中。

我的第二个问题是，当选中复选框时，它将禁用幻灯片范围，但是当用户单击幻灯片范围时，它会发出警报。如何应用代码，如果禁用滑动范围，则单击时不会提醒。

这是我的脚本代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input id="display_value" type="text" value="0"> 
<br>
<div id="slide_data"  style=" width: 300px; float: left; margin-top: 7px;"></div> 
<br>                        
<br>
<label style=" font-family: lato; font-size: 13px; ">
    <input type="checkbox" name="checkbox_disable" id="checkbox_disable" style="cursor: pointer;" />Disable Slide Range
</label>


<script>
window.onload=function(){
$(function() { 
      $("#slide_data" ).slider({
         range: "min",
         value: 0,
         min: 0,
         max: 1000,
         slide: function( event, ui ) {      
                  $( "#display_value" ).val(ui.value);
                }
      });
  

      $( "#checkbox_disable" ).click(function(){
       if(this.checked)
         {  
           $( "#slide_data" ).slider( "option", "disabled", true ); 
           alert('checked');         
         } 
       else 
         {
           $( "#slide_data" ).slider( "option", "disabled", false );
           alert('not checked');
         } 
      });        
    });
}



// after user slide we will call function filters_web_hosting_package //
$(document).ready(function (){
        $("#slide_data").click(
            function () {
                alert("Slide");
                //filters_web_hosting_package();
            }            
        );
});
</script>

Answer 1

它在 jQuery 的 API 中:

stop: function( event, ui ) {}

您的案例:

stop: function(event, ui) {
   alert("test")
}

Updated fiddle