自製jQuery Plugin - 5. getPosition

1. 功能:取得元件絕對位置(x,y).

2. 風格:沒有畫面.

3. 依賴:無.

4. 用途:便於在觸發事件元件開啟小視窗挑選(如:日期、時間、人員)資料.

5. 函式: getPosition,參數{無}.

6. 範例:

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.getPosition.js"></script>
<script type="text/javascript">
$(function () {
    $('#button1').click(function(){
        var position=$(this).getPosition();
        alert(position.x+','+position.y);
    });
    $('#div1').click(function(){
        var position=$(this).getPosition();
        alert(position.x+','+position.y);    
    });

});
</script>

7. 後續改善: 無,除非有bug.

8.下載

Demo - 點擊取得元件座標位置

div1