2016-08-04 2 views
0

나는위젯 브리지가 jquery jquery-ui를 어떻게 연결할 수 있습니까?

내 프로젝트에 jQuery를jQuery를 UI의 버전을 업그레이드하고 싶지만 탭 위젯은 문제가있다.

활성 이벤트 내가 그것을 해결하기 원하고 무엇이 잘못되었는지를 알 수 있도록

작동하지 않습니다

방법 $("tabs").tabs("option", "active", tab_index) 움직임은 $.widget.bridge를 작동 하는가 ?????

와 내가 widget.birdge 여기

을 어떻게 작동하는지 궁금는 몇 가지 작은 수정은 당신의 방법에 당신을 얻을해야 내 코드

v_Tabs.obj 
     = $("tabs").tabs({ 

      activate: function (event, ui) { 
       gw_com_api.hide("lyrAdd"); 
       var page = "page_" + v_Tab.index; 
            var content = 
        "<iframe" + 
         " id='" + page + "'" + 
         " src='" + v_Tab.content + 
         "?USR_ID=" + v_Session.USR_ID + 
         "'" + 
         " width='100%'" + 
         " height='550px'" + 
         " frameborder='yes' scrolling='no' marginheight=0 marginwidth=0" + 
        ">" + 
        "</iframe>"; 
       $(ui.panel).append(content); 
      } 
     }); 

    v_Tabs.obj.tabs("option", "active", tab_index); 
+0

'$ (ui.panel) .append (content);'를 사용하면 'ui.panel'이 존재하지 않습니다. 'activate'에서'ui.newTab','ui.oldTab','ui.newPanel','ui.oldPanel'을 사용할 수 있습니다. – Twisty

+0

또한'$ ("tabs"). tabs()'는 유효한 선택자가 아닙니다. '$ ("# tabs"). tabs();'라고 조언 할 것이다. – Twisty

+0

의견을 보내 주셔서 감사합니다. 'ui.panel'을 'ui.newPanel'로 바꿨습니다. 제 선택기가 정확한데, 내 탭을 클릭해도 아무 것도 변경하지 마십시오 ... 무엇이 문제이며 어디에서 잘못 찾습니까? ????? – Hee

답변

0

입니다.

jQuery를

v_Tabs.obj = $("#tabs").tabs({ 
    activate: function(event, ui) { 
    gw_com_api.hide("lyrAdd"); 
    var page = "page_" + v_Tab.index; 
    var content = $("<iframe>", { 
     id: page, 
     src: v_Tab.content + "?USER_ID=" + v_Session.USR_ID, 
     width: '100%', 
     height: '550px', 
     frameborder: 'yes', 
     scrolling: 'no', 
     marginheight: 0, 
     marginwidth: 0 
    }); 
    $(ui.newPanel).append(content); 
    } 
}); 

예 : 난 당신이 iframe을 포함 ui.newPanel 필요 의심 https://jsfiddle.net/Twisty/ygb0o68b/

. jQuery를 사용하여 요소를 만들면 더 잘 제어 할 수 있습니다. 선택기가 올바른지 확인해야합니다.

+0

은 ui.newPanel입니다. 새 html 요소 동적으로 #tabs에 추가 된 요소 ??? – Hee

관련 문제