我使用的Gridster(http://gridster.net/)能夠拖動li
內的內容。在我的li
有一個可點擊的div。如何在使用可點擊內容拖動gridster.js小部件後避免點擊事件觸發?
<li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
<a href=' '>
<div>
content
</div>
</a>
</li>
所以這裏是我所面臨的問題,當我停止並釋放拖動,它會調用在div點擊,我如何才能拖動DIV,但拖停止後不調用點擊&發佈。我不希望它拖動後重定向到另一個頁面(用戶拖動和釋放..因爲拖動時,它需要點擊div,同時,div可以被點擊,所以當停止&釋放拖動時,它將調用點擊)
$(function(){ //DOM Ready
var gridster = $(".gridster ul").gridster(
{
widget_margins: [5, 5],
widget_base_dimensions: [128, 130],
max_size_y: 2,
max_size_x: 2,
extra_cols: 6
}
).data('gridster');
//which i tried but failed
gridster.draggable.stop(){
onclick = "false";
}
// gridster.resize_widget($('.gridster li').eq(0), 1,1);
});
或任何人都可以提供有關如何調用或使用通過gridster提供
draggable.stop功能提示:函數(事件,UI){}回調拖動停止時。
我猜這裏會有一些實現。
初步解決但仍未
var gridster ,draggable ;
$(function() {
gridster = $(".gridster > ul").find("> li ").click(function(e){
!draggable && alert(1) //ipad2 ,not show alert
draggable=0;
alert(draggable);
}).end()
.gridster({widget_margins: [5, 5],
widget_base_dimensions: [128, 130],min_cols: 10,min_rows: 20
,serialize_params: function($w, wgd) {
return {
id: wgd.el[0].id
//,col: wgd.col
//,row: wgd.row
};
}
,draggable: {
start:function(event, ui){
// alert("hekio);");
draggable=1; }
}
}).data('gridster');
//gridster.disable();
// gridster.resize_widget($('.gridster li').eq(0), 1,1);
if(!dragged){
$("a#blue.grid").click(function(){
window.location = '../yokotachi/category_list.php?category=yokosmart';
});
}
// RESET DRAGGED SINCE CLICK EVENT IS FIRED AFTER drag stop
dragged = 0
});
刪除了PHP標籤,因爲這不是PHP相關的。 – PassKit