jquery.ui.progressbar 중국어 문서_jquery-JS 튜토리얼-php.cn

코드 복사 코드는 다음과 같습니다. 참고: 1. , 통일성을 위해 수정이 필요한 경우 협의해 주세요 2. 형식의 모든 항목은 선택사항이며, 그렇지 않은 경우에는 공백으로 남겨두세요. 3. 모든 태그 텍스트를 입력할 때마다(가장 중요한 것은 코드이므로 추가해야 합니다. 그렇지 않으면 나중에 구문 분석하기 어렵습니다) 4. 한 작품이 다른 작품에 해당하면 5. 모두가 행복한 일이 되길 바랍니다. ; 의존성 isitem="false"> ui.core]]> &lt ;url> ; 진행률 표시줄은 현재 진행률을 표시하도록 설계되었습니다. 진행률 표시줄은 기본 상위 컨테이너를 충족하는 한 CSS를 통해 유연하게 변경할 수 있습니다. 진행률 표시줄은 정밀한 정밀 표시줄이므로 시스템에서 현재 완료 상태를 확인할 수 있을 때 사용해야 합니다. 정확한 완료율 상태를 계산할 수 없는 경우 더 나은 사용자 경험을 위해 퍼지 진행률 표시줄(곧 추가될 예정)이나 스피너 애니메이션을 사용할 수 있습니다 ]]> &lt ;/demo> ;![CDATA[속성 값 가져오기]]> ;![CDATA[네이티브 브라우저 이벤트.]]> > $(" #progressbar").progressbar({ change: function(event, ui) { //이것은 event.target과 동일합니다 alert('또 다른 1% 완료'); } })]> $("#progressbar").bind('progressbarchange ', function(event, ui) { //event.target alert ('추가 1% 완료')와 동일합니다. }); /code> ![CDATA[$(".selector").progressbar('disable');]]> &lt ;/demos> method> 인수 이름="optionName " type="String"> JQuery의 온라인 테마를 통해 맞춤설정 가능 편리한 선택. 완전히 사용자 정의된 테마: ui.progressbar.css ui-progressbar: 진행률 표시줄 컨테이너의 스타일에 영향을 줍니다. ui-progressbar-value: 진행률 표시줄 자체의 스타일에 영향을 줍니다. ] > 문서를 실행하면 ]]> > jQuery UI 진행률 표시줄 - 기본 기능 $(function() { var current_value = 0; change = function() { $("#progressbar").progressbar('option', 'value', current_value) current_value if(current_value setTimeout('change()', 200); progressbar_dynamic = function() { progressbar_init(); change(); progressbar_init = function() { $("#progressbar").progressbar({ value: current_value, change: function(event, ui) { $('#number ' ).text($(this).progressbar('option', 'value')); document.getElementById('number').style.position = 'relative' document.getElementById(' 숫자 ').style.left = $(this).progressbar('option', 'value') * ($('.ui-progressbar').width() / 100) - } }) }; progressbar_destroy = function() { $("#progressbar").progressbar('destroy'); }; progressbar_disable = function() { $("#progressbar").progressbar('disable'); }; progressbar_enable = function() { $("#progressbar").progressbar('enable'); }; progressbar_option = function() { var option_name = $('#option_name').val(); var option_value = $('#option_value').val(); if(option_value) { $("#progressbar").progressbar('option', option_name, option_value); } else { $('#option_value').val($("#progressbar").progressbar('option', option_name)); } }; progressbar_value = function() { var value_value = $('#value_value').val(); if(value_value) { $("#progressbar").progressbar('value', value_value); } else { $('#value_value').val($("#progressbar").progressbar('option', 'value')); } }; }); 입력{높이: 22px; 여백: 1px 2px;} 입력[유형=버튼]{경계: 없음; 너비: 80px;} 입력[유형=텍스트]{테두리: 1px 단색 #BBBBBB; 줄 높이: 20px;} #번호{너비: 5px;} 이름: 选项值: 성적도: 옵션: 测试option방법 값: 测试값 방법 ]]> 진행률 표시줄에서 사용되는 값은 다음과 같습니다. Use自己的程序控改变value以显示当前进titude.. ]]> 保存为xml格式文件。注意编码转换。