1

UIZE JavaScript フレームワークを使用して、div 内の画像要素を移動しています。これは正常に機能しています。

この機能で他に 2 つのことを行いたいと考えています。

  1. ユーザーが画像を境界外にドラッグした場合、またはユーザーが境界外にドラッグすることをまったく許可しない場合に、画像の位置を自動的にリセットします。

  2. ユーザーがサンプルページの事前定義された場所「緑色のボックス」に画像をドラッグすると、www.marklaurel.com/sample.php の Web サイトにアクセスするかどうかをユーザーに尋ねる div を表示したいと思います。対応画像。

現在、ボタンによってトリガーされているこの関数があります。

   <script type="text/javascript">
    function snapBack()
    {
        with (document)
       {
        getElementById('logoUize').style.left = '133';
        getElementById('logoUize').style.top = '6';
        getElementById('logoPsd').style.left = '240';
        getElementById('logoPsd').style.top = '60';
        getElementById('logoAfx').style.left = '240';
        getElementById('logoAfx').style.top = '206';
        getElementById('logoMaya').style.left = '130';
        getElementById('logoMaya').style.top = '237';
        getElementById('logoHtml5').style.left = '22';
        getElementById('logoHtml5').style.top = '194';
        getElementById('logoCss3').style.left = '22';
        getElementById('logoCss3').style.top = '48';
    }
     }
     </script>

ただし、ブラウザ コンソールから次の警告が表示されます。

Warning: Error in parsing value for 'left'.  Declaration dropped.
Source File: http://marklaurel.com/sample.php
Line: 0

Warning: Error in parsing value for 'top'.  Declaration dropped.
Source File: http://marklaurel.com/sample.php
Line: 0

これを機能させるための助けをお願いできますか？

4

2 に答える 2

2

133は有効な CSS 位置ではありません。133px代わりに、または などの別のユニットが必要です133em。

(心配しないでください。私は数年前にこの間違いを犯し、なぜ私のサイトが IE でしか機能しないのか疑問に思いました:P)

于 2012-04-23T17:35:27.627 に答える
1

このエラー メッセージはelement.style.left = 'XX';、ブラウザが期待しているものと正確に一致しないという事実から来ています。XX は何の単位で言う必要があります。element.style.left = 'XXpx'そのためには、またはelement.style.left = 'XXem'その他の単位のようなものを使用します。

利用可能なユニットの詳細については、仕様を参照してください

于 2012-04-23T17:35:54.070 に答える