在ajax调用之后关闭(或隐藏)模式的困难。

时间:2014-08-03 16:50:22

标签: jquery ajax hide

我在下面有一个简单的函数 - 它将一些数据发送到php脚本然后我想要它做的是隐藏类的一个div" reveal-modal-refer"并加载一个简短的脚本' ../ message_alerts / refer_message_box.php'进入课堂的分组' reveal-modal-refer-message-sent'。我的问题是我不断在firebug中收到错误

TypeError:" .reveal-modal-refer-message-sent" .load不是函数 scripts_ajax.js(第76行)

(第76行==(' .reveal-modal-refer-message-sent')。load(' ../ message_alerts / refer_message_box.php',{result:result });

我是jQuery的新手,所以如果这是直截了当,我道歉。在Stack上有很多关于这种事情的线程,其中很多都是指这可能源于jQuery的冲突版本。我已经对此进行了测试,但它似乎并不是问题所在。

   $(document.body).on("click", "#refer_it", function(){
       var email = $('#refer_input').val();
       var thread_id = $('#thread_id_for_referral').val();
       var user_id = $('#user_id_for_referral').val();   
       $.ajax({
         url: '../email_scripts/refer_email_action_script.php',
         type: 'post',
         data: {
          'email': $('#refer_input').val(),
          'thread_id': $('#thread_id_for_referral').val(),
          'user_id' : $('#user_id_for_referral').val(),
          },
            success: function(html) {
                  var result = "Question sent";

                  $('.reveal-modal-refer').hide();
                  ('.reveal-modal-refer-message-sent').load('../message_alerts/refer_message_box.php', {result: result});                                      
                 }
              });
     return false;
   });

1 个答案:

答案 0 :(得分:2)

您在加载方法调用中缺少$(jquery)之前(' .reveal-modal-refer-message-sent'):

success: function(html) { var result = "Question sent"; $('.reveal-modal-refer').hide(); $('.reveal-modal-refer-message-sent').load('../message_alerts/refer_message_box.php', {result: result});
} });