jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

xxoxxoxxoxx 發表於 2009-10-15 16:13

[問題]請教jQuery UI的 draggable問題(已解決)

首先感謝版主解決之前小弟的問題
小弟後來使用jeditable,發現真的好用!

在研究jquery中卻又遇到另一個問題

就是我使用jquery官方的ui→ draggable

例如:[code]$("#test").draggable();[/code]是讓整個div方塊可以移動

如果按住header而可以移動整個test方塊呢?
若是點header以外區域則不動作
如下:[code]<div id='test'>
  <div id='header'></div>
  <div id='content'></div>
</div>[/code]我目前是寫這樣,但是好像就無法加入options的選項了,如:cursor、opacity[code]$(document).ready(function(){
    $("#test").draggable();
    $("#header").bind("mouseenter", function(){
            $("#test").draggable('enable');
    });
    $("#header").bind("mouseleave", function(){
            $("#test").draggable( 'disable' );
    });
});[/code]感激不盡啊:loveliness:

原來是用handle:lol[code]$(document).ready(function(){
        $("#test").draggable({
                handle:'#header'
        });
});[/code]

[[i] 本帖最後由 xxoxxoxxoxx 於 2009-10-15 16:57 編輯 [/i]]

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.