2011-05-09 16 views
0

ダッシュボードページでは、ユーザーが検索するアセットコードまたはIDを入力できます。検索ボタンをクリックするか検索結果を入力すると、Faceboxモーダルが表示されます。ここまでは順調ですね。ただし、ユーザーが2回目の検索を実行しようとすると、JQuery POSTが正しく実行され、レスポンスHTMLが返されているにもかかわらず、Faceboxの結果モーダルが開くことができません。次のように提出する機能に結合し、AJAX POSTを行い、My機能は次のとおりです。Faceboxは、最初のJqueryフォームの提出時に一度だけ開きます。

// attach a submit handler to the form 
    $("#astsrch").submit(function(event) {  
    //$('a[rel*=facebox]').facebox();          
    // stop form from submitting normally 
    event.preventDefault(); 

    // get some values from elements on the page: 
    var $form = $(this), 
     term = $form.find('input[name="assetsearch"]').val(), 
     url = $form.attr('action'); 

    // Send the data using post and put the results in a div 
    $.post(url, { assetsearch: term } , 
     function(data) { 
      $.facebox(data); 
     } 
    ); 

    }); 

Facebox閉じるボタンがクリックされたときには、検索フォームが送信されたときに開いてから任意の更なるFaceboxを防ぎ、何かが起こっているようです上記の機能を介して。誰かがこの問題にどのような光を当てることができれば、私は非常に感謝します。

私の質問を読んでいただきありがとうございます。

答えて

1

この投稿を見るそれはあなたのものに似ています。送信ボタンでクリックイベントをバインドしてみてください。

何かのように:

$(document).ready(function() { 
    $('#astsrch').live('click', function() { 
     $.get($(this).attr("action"), function(data){ 
      $.facebox(data); 
     }); 
    }); 
}); 

幸運!

関連する問題