SORU
31 Mart 2012, CUMARTESİ


Pencere kenarı ile ilgili yumurtalı ekmek, Bootstrap popover'in X konumuna göre yerini değiştirmek?

Çok geniş ve internette araştırdım ve bu stackoverflow post Is it possible to change the position of Bootstrap popovers based on screen width?, anlayışlı buldum ise hala sorumu, anlamakta zorlandığım bir pozisyonum/ofset olasılığı nedeniyle cevap vermedi.

Yapmaya çalıştığım şey şu. Twitter Bootstap Popover konumunu etkin popover görüntüleme çerçevesinin ötesinde bir konuma sahip olacak sürece DOĞRU olmak istiyorum, sonra SOLA yerleştirilmiş olmak istiyorum. Bir noktayı bastığınızda sıcak noktalar, olan iPad bir web uygulama geliştiriyorum, bilgi görünür ama yatay kaydırma kilitliyken alanının dışında görünmesini istemiyorum.

Böyle bir şey çıkacağını düşünüyorum

$('.infopoint').popover({
        trigger:'hover',
        animation: false,
        placement: wheretoplace 
    });
    function wheretoplace(){
        var myLeft = $(this).offset.left;

        if (myLeft<500) return 'left';
        return 'right';
    }

Düşünceler? Teşekkürler!

CEVAP
29 EYLÜL 2012, CUMARTESİ


Ben sadece fark ettimyerleştirmebir seçenek olabilirstringya da birfonksiyon geri dönen bir dizebu popover-güçlü bir bağlantı ve hesaplama her kez yapar.

Bu da başlangıç olmadan senin yaptığının aynısını yapar$.herfonksiyon:

var options = {
    placement: function (context, source) {
        var position = $(source).position();

        if (position.left > 515) {
            return "left";
        }

        if (position.left < 515) {
            return "right";
        }

        if (position.top < 110){
            return "bottom";
        }

        return "top";
    }
    , trigger: "click"
};
$(".infopoint").popover(options);

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Elly Awesome

    Elly Awesome

    15 ŞUBAT 2010
  • Lamborghini

    Lamborghini

    13 Aralık 2005
  • tsweeney79

    tsweeney79

    21 Ocak 2008