Как избежать срабатывания события click после перетаскивания виджета gridster.js с интерактивным контентом?
м с использованием Гридстера (http://gridster.net/) который может перетаскивать содержимое внутриli
, В моемli
есть кликабельный div.
<a href=" ">
content
</a>
так вот проблема, которую яКогда я остановлюсь и отпущу перетаскивание, он вызовет щелчок в 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: function (event, 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
});