0

(この質問に基づいて)jQueryダイアログから送信機能に取り組んでいます。codeigniterとjqueryを使用します。

ajax POSTをjqueryダイアログボタンクリックに結び付けたいのですが、そのボタンのセレクターがどうあるべきかわかりません。.ui-dialog-buttonpane button:firstまたは"this"をセレクターとして使用しようとしました。どちらも機能しませんでした。

HTMLフォーム

<?php echo form_open('bookmarks/addBookmark'); ?> //form name: create_bookmark
<?php echo form_input('bookn', $bname); ?>
<?php echo form_hidden('booki', $this->uri->segment(4, 0)); ?>
<button class="bb_button">Bookmark</button>
<?php echo form_close(); ?>

jQuery

$(function() {

        $( "#create_bookmark" ).dialog({
            autoOpen: false,
            width: 250,
            height: 250,
            modal: true,
            buttons: {
                "Add location": function() {    

                $('?????').click(function() {  //How do I specify the dialog button?

            $.ajax({
                url: '/bookmarks/addBookmark',
                type: 'POST',
                data:{"bookn": $("input[name='bookn']").val()​, "booki": $("[name='booki']").val()​},
                success: function (result) {
                    alert("Your bookmark has been added.");
                }                                         
            }); 
                },
                Cancel: function() {$( this ).dialog( "close" );}
            }
        });
    });
4

2 に答える 2

4

buttonsオブジェクトで指定する関数クリックハンドラーです。
その機能でリクエストを送信できます。

于 2012-05-04T00:46:30.550 に答える
0

私がそれを壊して適切にインデントした後、あなたは欠落していたよう}です

        buttons: {
          "Add location": function() {    

            $.ajax({
              url: '/bookmarks/addBookmark',
              type: 'POST',
              data:{
                "bookn": $("input[name='bookn']").val()​, 
                "booki": $("[name='booki']").val()
              ​},
              success: function (result) {
                alert("Your bookmark has been added.");
              }
          });                                       
        } //<<This one  
于 2012-05-04T03:28:55.613 に答える