SORU
28 Temmuz 2012, CUMARTESİ


Nasıl dışarıda tıklayarak Twitter Bootstrap bir popover kapatmak için?

Yumurtalı ekmek modellerimiz, yani aynı şekilde öyle basit doğrusal ilişkiler alabilirsiniz. kullanıcı bir yere bunların dışında tıklattığında yakın olun?

Ne yazık ki sadece kalıcı demektir pozisyonu:sabit ve hiçbir popover artık çünkü popover yerine gerçek kalıcı kullanamam. :(

CEVAP
13 ŞUBAT 2013, ÇARŞAMBA


Güncelleme:Biraz daha sağlam bir çözüm: http://jsfiddle.net/mattdlockyer/C5GBU/72/

Sadece metin içeren: düğmeleri

$('body').on('click', function (e) {
    //did not click a popover toggle or popover
    if ($(e.target).data('toggle') !== 'popover'
        && $(e.target).parents('.popover.in').length === 0) { 
        $('[data-toggle="popover"]').popover('hide');
    }
});

Düğmeler için simgeler kullan içeren:

$('body').on('click', function (e) {
        //did not click a popover toggle, or icon in popover toggle, or popover
        if ($(e.target).data('toggle') !== 'popover'
            && $(e.target).parents('[data-toggle="popover"]').length === 0
            && $(e.target).parents('.popover.in').length === 0) { 
            $('[data-toggle="popover"]').popover('hide');
        }
    });

JS için Oluşturulan yumurtalı ekmek'[data-toggle="popover"]' '[data-original-title]' kullanın

Uyarı:Çözüm yukarıda birden fazla çörek anda açık olmasını sağlar.

Bir seferde bir popover lütfen:

Güncelleme:Bootstrap 3.0.x, Kod ya da keman http://jsfiddle.net/mattdlockyer/C5GBU/2/ bkz

$('body').on('click', function (e) {
    $('[data-toggle="popover"]').each(function () {
        //the 'is' for buttons that trigger popups
        //the 'has' for icons within a button that triggers a popup
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
    });
});

Bu yumurtalı ekmek zaten açık ve bağlantılar tıklandığında olmamıştır tıklayan değil kapanış işler.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • How To Cook That

    How To Cook

    16 NİSAN 2011
  • kimaliz

    kimaliz

    18 Temmuz 2006
  • UberFacts

    UberFacts

    26 EKİM 2013