0

次のスクリプトがあります

$(function() {
        $(".draggable").draggable({
                revert: true
        });
        $("#droppable").droppable({
                over: function() {
                       $(this).css('backgroundColor', '#cedae3');
                },
                out: function() {
                        $(this).css('backgroundColor', '#CDAF95');
                },
                drop: function(e, ui) {

                      $(ui.draggable).trigger('click');

                }
        });
});

私は複数のドラッグ可能なものを持っています.1つのTDに全員がいます。ドラッグ可能のそれぞれにボタンがあります。

ドロップされたドラッグ可能なドロップからボタンをトリガーするにはどうすればよいですか? これは機能していません:$(ui.draggable).trigger('click');誰か提案はありますか?

<td class="draggable" class="ui-widget-content">
                        <form action="index.php" method="post">
                            <?php echo $produs['nume_produs']; ?>
                            <hr />
                            Pret: <?php echo $produs['pret']; ?> lei
                            <br />

                            <input type="hidden" name="nume_produs" value="<?php echo $produs['nume_produs']; ?>" />
                            <input type="hidden" name="produs_id" value="<?php echo $produs['id']; ?>" />
                            <input type="hidden" name="pret" value="<?php echo $produs['pret']; ?>" />
                            <input type="submit" name="adauga" class="adauga" value="Adauga"/>
                        </form>
                    <td>
4

2 に答える 2

4

$(ui.draggable).trigger('click');ドラッグ可能なのクリックをトリガーします。ボタンのクリックをトリガーしたいので、使用します

$("#your-button").trigger('click');

複数のドラッグ可能なものがある場合、常に右側のドラッグ可能なものから送信ボタンを取得するには:

ui.draggable.children('input').attr('type', 'submit')

編集：

それ以外：class="draggable" class="ui-widget-content"

する必要がありますclass="draggable ui-widget-content"

于 2013-02-21T08:05:21.557 に答える
1

ui.draggable div 内で実際のボタン要素を選択する必要はありませんか? したがって、この場合は、次のことを試してください。

$(#adauga).trigger('クリック');

于 2013-02-21T08:06:28.550 に答える