下拉触发按钮

Question

我有以下脚本

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

                }
        });
});

我有多个可拖动对象，每个人都在一个 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>

Answer 1

$(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"

Answer 2

您不需要在 ui.draggable div 中选择实际的按钮元素吗？所以在这种情况下，请尝试：

$(#adauga).trigger('click');