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

  • BDGcustoms

    BDGcustoms

    24 NİSAN 2011
  • cyriak

    cyriak

    29 Mart 2006
  • funbro1

    funbro1

    11 Aralık 2007