슬라이드 범위 [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>