真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網站建設
• 網站制作
• 網站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關于我們
028-86922220

• 網站建設
• 網站制作
• 網站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關于我們

    內容部分

//不加屬性
$('#box').draggable();

//JS部分
$('#box').draggable({
    revert : true,        //拖動后是否回到起始位置，boolean類型
    cursor : 'text',       //鼠標拖拽樣式，十字，文本等
    handle : '#pox',       //句柄，設置后只在設置后只能在當前元素下實現拖拽
    disabled : false,       //設置是否可以被拖拽
    edge : 50,          //設置邊界往內多大距離可以實現拖拽
    axis : 'v',          //設置拖拽方向，v：垂直拖拽，h：水平拖拽
    proxy: 'clone',        //設置代理元素，使用clone時為復制當前元素
    deltaX : 10,         //被拖拽元素左上角距離當前光標的X軸方向的距離
    deltaY : 10,         //被拖拽元素左上角距離當前光標的Y軸方向的距離  
    proxy: function(source){    //自定義代理元素
    var p = $('

    二、事件

       1.onBeforeDrag 拖動前發(fā)生

$('#box').draggable({
    onBeforeDrag : function (e) {
        alert('拖動之前觸發(fā)！');
        //return false;
    }
});

在拖動前發(fā)生，既當鼠標點擊元素時發(fā)生，當返回false時將無法拖拽，我們不會讓它直接返回false，因為這樣沒有任何意義，在使用時應該有充足的邏輯判斷。

    2.onStartDrag 拖動開始時發(fā)生

$('#box').draggable({
    onStartDrag : function (e) {
        alert('拖動開始時觸發(fā)！');
        //return false;
    }
});

在鼠標點擊后拖動的一瞬間執(zhí)行，執(zhí)行時間在onBeforeDrag之后。

   3.onDrag拖拽過程中執(zhí)行

$('#box').draggable({
    onDrag : function (e) {
        alert('拖動過程中觸發(fā)！');
    }
});

在拖動的過程中執(zhí)行，當鼠標一移動就會執(zhí)行，當不能拖動時返回false

   4.onStopDrag 拖動停止后發(fā)生

$('#box').draggable({
    onStopDrag : function (e) {
        alert('在拖動停止時觸發(fā)！');
    }
});

在拖動結束后觸發(fā)，即松開鼠標時執(zhí)行，無返回值。

   5.以上事件可組合使用，執(zhí)行順序為onBeforeDrag --> onBeforeDrag --> onDrag --> onStopDrag

$('#box').draggable({
    onBeforeDrag : function (e) {
         alert('拖動之前觸發(fā)！');
        //return false;
    },
    onStartDrag : function (e) {
       alert('拖動時觸發(fā)！');
    },
    onDrag : function (e) {
        alert('拖動過程中觸發(fā)！');
    },
    onStopDrag : function (e) {
        alert('在拖動停止時觸發(fā)！');
},});

   三、方法

//返回屬性對象
console.log($('#box').draggable('options'));

//返回代理元素
onStartDrag : function (e) {
console.log($('#box').draggable('proxy'));
},

//禁止拖動
$('#box').draggable('disable');

//允許拖放
$('#box').draggable('enable');

   四、設置默認屬性

    在一次設置后當前頁面所有拖拽都會共享這個屬性，不用再去設置。

$(function(){
    $.fn.draggable.defaults.cursor = 'text';
});