SORU
16 EYLÜL 2012, Pazar


Kalıcı olarak yeniden içerik (twitter bootstrap)

Twitter bootstrap ... ... kalıcı bir popup kullanıyorum.

<div id="myModal" class="modal hide fade in">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Header</h3>
    </div>
    <div class="modal-body"></div>
    <div class="modal-footer">
        <input type="submit" class="btn btn-success" value="Save"/>
    </div>
</div>

Bir eleman bu içerik ajax kullanarak yükleyebilirsiniz:

<a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a>

Şimdi farklı bir url kullanarak ama aynı kalıcı açmam gerekiyor. Bu kalıcı benim veritabanından bir varlık düzenlemek için kullanıyorum. Ben bir varlık edit bir KİMLİĞİ ile kalıcı yüklemen gerekiyor.

<a data-toggle="modal" data-target="#myModal" href="edit.aspx?id=1">Open modal</a>
<a data-toggle="modal" data-target="#myModal" href="edit.aspx?id=2">Open modal</a>
<a data-toggle="modal" data-target="#myModal" href="edit.aspx?id=3">Open modal</a>

Ben linke tıklarsanız Sayı 1, gayet iyi çalışıyor. Ama ben o linke edin Eğer 2 kalıcı içerik zaten yüklü ve Bağlantı içeriğini 1 numara gösterecektir verir.

Nasıl ya da twitter bootstrap kalıcı bir popup ajax yüklenen içerik yenileme sıfırlayabilir miyim?

CEVAP
20 EYLÜL 2012, PERŞEMBE


Aynı sorunu yaşıyorum, ve bu veri / özniteliği kaldırın ve bağlantılar için özel bir işleyici var edilecektir yapmanın yolu sanırım.

Hatlarında bir şey:

$("a[data-target=#myModal]").click(function(ev) {
    ev.preventDefault();
    var target = $(this).attr("href");

    // load the url and show modal on success
    $("#myModal .modal-body").load(target, function() { 
         $("#myModal").modal("show"); 
    });
});

Sonra dener ve yorumlarını yayınlayacağız.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • MW Technology

    MW Technolog

    28 EKİM 2009
  • The Fashion Sight

    The Fashion

    22 AĞUSTOS 2011
  • trickycharms

    trickycharms

    6 Aralık 2013