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

  • B4ROK

    B4ROK

    1 EKİM 2008
  • EmbarkToHeaven

    EmbarkToHeav

    3 EYLÜL 2007
  • Jesse Pimenta

    Jesse Piment

    5 EKİM 2011