Question

我有一个仪表板页面，用户可以输入资产代码或ID进行搜索，点击搜索按钮或点击输入搜索结果会出现在Facebox模式中。到现在为止还挺好。但是，当用户尝试执行第二次搜索时，尽管JQuery POST正确发生并且响应HTML按原样返回，但Facebox结果模式无法打开。我绑定到submit函数并执行ajax POST的函数如下：

  // 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打开。

Answer 1

看看这篇文章。它与你的相似。尝试在提交按钮上绑定click事件。

类似的东西：

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

祝你好运！

Facebox仅在第一个Jquery表单提交时打开一次

1 个答案: