下拉触发按钮

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（＆＃39;单击＆＃39）;