2012-04-25 64 views
0

我遇到了一個非常奇怪的問題,在pageinit事件中使用ajax插入的某些內容。jQuery Mobile高度問題

enter image description here

這裏是方法:

populateBusRoutesList : function() { 
     var list = $('ul#bus-routes-list'), content = ''; 
     $.each(BuSeViCi.busRoutes, function(i, route){ 
      content += '<li>' + 
        '<a href="#" class="view-stops" data-number="'+ route.number+'">' + 
        '<img src="'+ route.img +'">' + 
        '<h3 class="ui-li-stops">'+ route.name +'</h3>'+ 
        '</a></li>'; 
     }); 
     $(content).appendTo(list); 
     list.listview('refresh'); 
     list.trigger('updatelayout'); 
    } 

updatelayout觸發在代碼沒有影響,但我只是試圖解決的怪異行爲。我注意到,如果我調整瀏覽器的大小,問題就解決了。

有沒有人知道爲什麼會發生這種情況?

+0

你試過'list.trigger(「創建');' – veeTrain 2012-04-25 19:00:28

+0

是的。沒有效果。此外,如果小部件插入頁面中,則應該觸發'create',但是我插入內容,而不是即時創建新的小部件。 – 2012-04-25 19:04:44

+0

你的代碼沒有多大意義。你在content變量中累積了HTML,但是你不會對這個變量做任何事情。 – jfriend00 2012-04-25 19:06:31

回答

0

似乎是在JQM錯誤 - github.com/jquery/jquery-mobile/issues/4219

它應該是固定的下一個版本