Wie vermeide ich das Auslösen eines Klickereignisses, nachdem ich ein gridster.js-Widget mit anklickbarem Inhalt gezogen habe?

Ich benutze Gridster (http://gridster.net/), die den Inhalt in das ziehen könnenli . In meinemli Es gibt eine anklickbare Div.

<li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
    <a href=' '>
    <div>
       content
    </div>
    </a>
</li>

Hier ist also das Problem, vor dem ich stehe: Wenn ich das Ziehen stoppe und loslasse, wird der Klick in der Div ausgelöst. Wie kann ich die Div nur ziehen, aber nicht den Klick nach dem Anhalten und Loslassen der Drag & Release-Funktion aufrufen? Ich möchte nicht, dass es nach dem Ziehen auf eine andere Seite umleitet (Benutzer ziehen und loslassen. Da beim Ziehen auf das Div geklickt werden muss, kann das Div in der Zwischenzeit angeklickt werden. Wenn Sie also das Ziehen anhalten und loslassen, wird der Klick ausgelöst.)

$(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);

});

oder jeder kann Hinweise geben, wie die von gridster bereitgestellte Funktion aufgerufen oder verwendet werden kann

draggable.stop: function (event, ui) {} Ein Rückruf für das Stoppen des Ziehens.

Ich denke, hier wird es einige Implementierungen geben.

erste lösung funktioniert aber noch nicht

    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
    });

Antworten auf die Frage(5)

Ihre Antwort auf die Frage