0

クリックしてエントリを削除できるバックエンドがあり、jQuery UI に確認または拒否モーダルが表示されます。エントリが 1 つある場合はモーダルが機能し、エントリが 2 つ以上ある場合はボタンが機能しません。 button.click アクションはクラスに割り当てられています。1 つだけの ID には割り当てられないことがわかっています。

jQuery -

<script type='text/javascript'>
    $(document).ready(function () {
        $('#dialog').dialog({
           autoOpen: false,
           modal: true,
           buttons: {
               'Confirm': function () {
                window.location.href = 'delserv/1';
                },
                'Cancel': function () {
                $(this).dialog('close');
            }
        }
    });
        $( '.deleteServ' )
          .button()
          .click(function() {
            $( '#dialog' ).dialog( 'open' );
          });
    });
</script>

HTML -

<button class='btn btn-primary btn-mini' class="deleteServ"><i rel='tooltip' title='Delete Server' data-placement='top' class='icon-trash icon-white'></i></button>

PHP foreachを使用してエントリをループしていることに注意してください.1つのエントリが表示されている場合にのみ、モーダルが機能します

4

1 に答える 1

1

@Nix私はあなたに同意します。html 要素ボタンは、jquery コードで .button() を必要としません。

削除して、このようなものを書いてみてください

$( '.deleteServ' ).click(function() { $( '#dialog' ).dialog( 'open' ); });

于 2013-05-17T05:52:25.173 に答える