タブオブジェクトが存在しません

Question

次の問題があります。

dcTabsはこのコードにもう存在しません。

私がif($("#plaats").prop("selectedIndex") > 0) {の外に置くと動作しますが、内部ではありません。

var dcTabs; 

$(document).ready(function() { 

// tabs 
dcTabs = $('#tabs').tabs({ 
    show: function(event, ui) { 
    }, 
    select: function(event, ui) { 
    } 
}); 


    $('#plaats').change(function() { 

      if($("#plaats").prop("selectedIndex") > 0) { 

       var tab_count = dcTabs.tabs('length'); 

       for (i=0; i<=tab_count; i++){ 
        dcTabs.tabs("remove" , 0); 
       } 

       dcTabs.tabs("add", "#tabs-kaart", "Kaart"); 

       $("#tabs-kaart").append('<div id="kaart"></div>'); 

      } 
    }).change(); 
}); 

Answer 1

あなたのコードは私にとって完璧に機能します。 http://jsfiddle.net/mQuuu/