2016-05-27 15 views
2

私はPopOverの問題に直面しています。すべてのポジションで自動的に調整したい右側にスペースがない場合は、左側に開きます。しかし、私はそれがトップ/ボトムについて同じことをしたい。すなわち、上部にスペースが見つからない場合は、下部に開く必要があり、その逆もあります。私はあらゆる面でそれをすることができますか?PopOver自動調整プレースメント

$('[data-toggle="popover"]').popover({ 
     trigger: 'manual', 
     placement: 'auto right' 
    }) 

あなたは文字列または文字列を返す機能のいずれかとしplacementオプションを使用することができるはずHTML

<a data-toggle="popover" class="hlpicon" data-html="true" data-trigger="hover" data-container="body" data-content="This will open a popover" data-original-title="" title=""></a> 

答えて

1

$('[data-toggle="popover"]').popover({ 
    trigger: 'manual', 
    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"; 
    } 
}); 
+0

はあなたでした'文脈'と '源泉'とは何ですか?また私の更新された質問をチェックしてください、私はHTMLを追加しました(その場合に便利です) –

+0

コンテキストが例でした。 Sourceは関数を渡すために使用されます。 – Charlie

+0

HTMLでは、データ・トリガーをホバーに設定していますが、jQueryではトリガーを手動に設定しています。あなたは、それらのうちの1つを削除したいと思っていますか? – Charlie

関連する問題