2012-01-15 33 views
0

有以下问题:Tab对象不存在

此代码中不存在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(); 
}); 
+1

dcTabs在哪里被定义? – brenjt 2012-01-15 00:40:06

+0

你是什么意思“不存在了”?当您尝试运行上述内容时会发生什么,您是否收到错误消息?此外,你正在附加一个硬编码的ID,这意味着如果你的代码运行不止一次,你将有多个具有相同ID的div - 这是无效的。如果你(已经)有多个元素的“plaats”id,可以解释为什么if语句不起作用... – nnnnnn 2012-01-15 00:46:30

+0

@brenjt已经改变了话题,并添加了它的定义。 – mebots 2012-01-15 00:48:23

回答

0

你的代码对我来说工作得很好。 http://jsfiddle.net/mQuuu/

+0

我得到警报(dcTabs.tabs('length'));这个[对象对象]不理解了:( – mebots 2012-01-15 01:07:14

+0

奇怪在IE9中没关系,在Firefox 9.0.1(最新)不是? – mebots 2012-01-15 01:21:16