웹 프로그래밍/JQUERY MOBILE

버튼 제어

웹 개발자의 비상 2017. 4. 4. 10:38

$("#btnText").click(function(){
 $("#btnTarget").attr("value", "텍스트 변경");
 $("#btnTarget").button("refresh");
});
$("#btnIconPosTop").click(function(){
 $("#btnTarget").button("option", "iconpos", "top");
});
$("#btnIconPosBottom").click(function(){
 $("#btnTarget").button("option", "iconpos", "bottom");
});
$("#btnIconPosLeft").click(function(){
 $("#btnTarget").button("option", "iconpos", "left");
});
$("#btnIconPosRight").click(function(){
 $("#btnTarget").button("option", "iconpos", "right");
});
$("#btnIconHome").click(function(){
 $("#btnTarget").button("option", "icon", "home");
});
$("#btnIconGear").click(function(){
 $("#btnTarget").button("option", "icon", "star");
});
$("#btnInlineFalse").click(function(){
 $("#btnTarget").button("option", "inline", false);
});
$("#btnInlineTrue").click(function(){
 $("#btnTarget").button("option", "inline", true);
});    

728x90

'웹 프로그래밍 > JQUERY MOBILE' 카테고리의 다른 글

버튼  (0) 2017.04.03
클래스 ui-bar, ui-body, ui-corner-all  (0) 2017.04.03
html 기본구조  (0) 2017.03.30
viewport  (0) 2017.03.30