<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="jquery.mobile.structure-1.3.0.min.css">
<link rel="stylesheet" type="text/css" href="jquery.mobile.theme-1.3.0.min.css">

....

 <div data-role="collapsible-set" data-iconpos="right" id="set">
        <script type="application/javascript">  
                    $( document ).on( "pagecreate", function() {
                        for(var i=0;i<10;i++){
                            var contA="<div data-role=\\"collapsible\\" class=\\"ui-collapsible-content ui-body-c ui-corner-bottom\\" data-theme=\\"b\\" data-collapsed=\\"true\\">" 
                            contA+="<ul data-role=\\"listview\\" class=\\"ui-listview\\">";
                            for(var w=0;w<4;w++){
                                contA+="<li class=\\"ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c\\""
                                +" data-theme=\\"d\\""
                                +" data-corners=\\"false\\""
                                +" data-wrapperels=\\"div\\">"
                                +" <div class=\\"ui-btn-inner ui-li\\">"
                                +" <div class=\\"ui-btn-text\\">"
                                +" <a id=\\"a"+w+"\\" href=\\"#\\" class=\\"ui-link-inherit\\" data-role=\\"button\\" onClick=\\"tikla("+i+", "+w+");\\">doc "+w+"</a>"
                                +" </div>"
                                +" </div>"
                                +" </li>"; 
                            }
                            contA+="</ul></div>";

                            var content = "<div data-role=\\"collapsible\\" id=\\"set" + i + "\\">"
                            +
                            "<h3 id='Section " + i + "'>Section " + i + "</h3>" 
                            +
                            contA
                            +
                            "</div>";
                            $("#set").append(content).collapsibleset('refresh'); 
                        }
                    });

                    function tikla(i,w){
                    alert("! ("+i+", "+w+") tiklandi");
                    }

                    function rfrsh(){ 
                    $("#set").collapsibleset('refresh');

                    }
                  </script>  
        </div>

... Oluşan sayfadan başka bir sayfaya yönelip bu sayfaya geri dönüldüğünde collapsible list refresh olmuyor. Listenin eleman sayısı iki katına çıkıp öylece kalıyor. Browserda çalıştırdığımda şu hatayı alıyorum:

Error: cannot call methods on collapsibleset prior to initialization; attempted to call method 'refresh'

$("#set").append(content).collapsibleset('refresh');

Bu satırda .tigger('create') fonksiyonu gibi fonksiyonlarıda denedim, ama collapsible özelliği kayboluyor.

İnternette yaptığım araştırmalarda çözüme ulaşmadım. Problem neden kaynaklanıyor olabilir.

alt text

alt text

soruldu: 04 Eki '13, 01:57

sserter's gravatar image

sserter
36458
cevap kabul oranı: 0%

Bu soruya ilk cevap veren sen ol!
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×137
×72
×23
×7
×6

Soruldu: 04 Eki '13, 01:57

Görüntüleme: 797 kez

Son güncelleme: 04 Eki '13, 01:57

powered by BitNami OSQA