2

リンクのグリッドを作成するために gridster を使用しています。リンクをクリックすると、リンクは正常に機能するはずです。問題は、ドラッグ後にクリックされることです。ドラッグ後にクリックされないようにするにはどうすればよいですか?

確認してください: http://jsfiddle.net/b_m_h/tr4cU/

<div class="gridster">
    <ul id="reszable">
        <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>
        <li data-row="2" data-col="1" data-sizex="1" data-sizey="1"></li>
        <li data-row="3" data-col="1" data-sizex="1" data-sizey="1"><a href="http://google.com" target="_blank">LINK</a></li>
        <li data-row="1" data-col="2" data-sizex="2" data-sizey="1"></li>
        <li data-row="2" data-col="2" data-sizex="2" data-sizey="2"></li>
        <li data-row="1" data-col="4" data-sizex="1" data-sizey="1"></li>
    </ul>
</div>

J:

$(function(){

    $(".gridster ul").gridster({
        widget_margins: [5, 5],
        widget_base_dimensions: [100, 100]
    });

    var gridster = $(".gridster ul").gridster().data('gridster');

});
4

4 に答える 4

0 
draggable: {
        start: function(event, ui) {

            dragged = 1;
            // DO SEOMETHING
        }
    }

...
    if(!dragged){
        // DO SOMETHING
    }
    // RESET DRAGGED SINCE CLICK EVENT IS FIRED AFTER drag stop
dragged = 0

クリック可能なコンテンツを含む gridster.js ウィジェットをドラッグした後に発生するクリック イベントを回避するにはどうすればよいですか?

そのリンクは同じ質問に答えると思います

于 2013-08-19T10:47:59.150 に答える