2011-01-31 31 views
4

私は自分のサイトにいくつかのフォームをスローするのにblockuiを使用していますが、何らかの理由でblockui要素が画面の下部から約20-30ピクセルに配置されています。 jquery blockui positioning

$.blockUI({css: {top : '10px'}}); 

しかし、それはちょうど道の宇宙あざけるようなもので私にあくびをして何もしなかった:私はこのコードを使用して、それを再配置するドキュメント (jquery blockui options for v2)ごとに、試してみました。ドキュメントごとのデフォルトは、もう一度40%です。私はすべてのblockuiのCSSを一掃したいとは思わない、ちょうど一番上の位置をリセットする。
$.blockUI({ css: { border = '5px solid red'} }); 

は、だから私はこれをしようとするだろう:

$.blockUI({ css: {top = '10px'}}); 

等号(=)の代わりに、2番目のコロンを使用して

答えて

0

ドキュメントはこの例を示します。お役に立てれば!

+0

ええ、私は運と=記号を試してみましたが、試すための1 ...:) – PruitIgoe

9

私はこれを使用し、ロードメッセージは右上隅に配置されています。それに合わせてCSSで遊んでください。

これが役に立ちます。

ロブ

$.blockUI({ 
     message: '<img src="_assets/images/loading.gif" /><span style="margin-left:5px; font-family:arial;">Loading...</span>', 
     fadeIn: 700, 
     fadeOut: 700, 
     timeout: 1000, 
     showOverlay: false, 
     centerY: false, 
     css: { 
      width: '150px', 
      top: '10px', 
      left: '', 
      right: '10px', 
      border: 'none', 
      padding: '5px' 
     } 
    }); 
+0

おかげで、私はそれを旋回を与える、まだそれを試すことができません明日。 – PruitIgoe

+4

ここで重要なのは、「centerY:false」を設定することです。これをしないと、 'css:{top: '10px'}'を設定しても効果はありません。しかし、「centerY:false」では、トップ・プロパティが起動します。 – zachelrath