Question

<script>
$(document).ready(function(){
  $('#test').mouseover(function(){
          $('#test').ajaxForm({ 
            beforeSubmit: ShowRequest,
            success: SubmitSuccesful,
            error: AjaxError                               
          });                                    
       });    
       }); 
        function ShowRequest(formData, jqForm, options) {

        $("#loading").show();
        return true;
        }

        function AjaxError() {
        }

        function SubmitSuccesful(responseText, statusText) {  
  $(function() {
  var array=['ravi','abhi','raj','amol','neha','snehal','skksldfjsfsdfddsf','dkfks'];
    // add loading image to div
  $(function() {
    $("#test").attr('title',array.join('<br/>'));
    $("#test").tooltip({

        content:function(){return $(this).attr('title');},

   position: {
        my: "center bottom-20",
        at: "center top",
        using: function( position, feedback ) {
          $( this ).css( position );
          $( "<div>" )
            .addClass( "arrow" )
            .addClass( feedback.vertical )
            .addClass( feedback.horizontal )
            .appendTo( this );
        }
      }
   });  
});
});

 }    
  </script>

<div id="loading"></div>

<p>Ravi, Raj and <a href="#" id="test" title="enable to load">5 more</a></p>

它显示一个错误“Uncaught TypeError：Object [object Object]没有方法ajaxForm .... 请告诉我应该需要哪些更改... ajax调用列表的成功应该是我的列表应该显示.......有什么方法可以解决这个问题吗？

Answer 1

在jquery.js

之后将此行添加到您的脑海中

<script src="http://malsup.github.com/jquery.form.js"></script>

Reference

Answer 2

.ajaxForm()不是本机jquery函数。您必须包含外部js库才能使用.ajaxForm()。重要的是.ajaxForm()将适用于html form元素。我在你的HTML代码中看不到表单。如果您想对锚点使用ajax调用，只需在.mouseenter函数中使用.ajax()本机函数：

样品：

$.ajax({
  url: "test.html",
  context: content
}).done(function() {
  // add code here to execute after ajax call
});

如何在锚标签上执行ajax调用

2 个答案: