Question

我有一个很好的Scrollto代码，可以让我顺利地为锚文本制作动画。

$(function(){   
  function scrollToAnchor(aid){
    var aTag = $("a[name='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
  }

  $("#link").click(function() {
    scrollToAnchor('id123');
  });
}); 

<a id="link" href="#">click me to scroll to 123</a>

<a name="123" id="123"/>Anchor

http://jsfiddle.net/brandrally/rtspdL3u/

我想要做的是将其合并到一个ajax / jquery调用中，我只是没有做对。

$(document).ready(function() {      
  $("input[name$='item']").click(function() {
    var req = $(this).val();

    $.ajax({    
      cache: false,    
      type: "GET",
      url: "information.php?id=" + req,             
      dataType: "html",                  
      success: function(response){                    
        $("#responsecontainer").html(response); 
        //alert(response);
      }
    });

    scrollToAnchor('id123');

  });
});

Answer 1

因为我在通话后对目的地进行了硬编码。我刚刚删除了JS的功能方面，并且直接编写了代码。

$(document).ready(function() {      
  $("input[name$='item']").click(function() {
    var req = $(this).val();

    $.ajax({    
      cache: false,    
      type: "GET",
      url: "information.php?id=" + req,             
      dataType: "html",                  
      success: function(response){                    
        $("#responsecontainer").html(response); 
        //alert(response);
      }
    });

var aTag = $("a[name='"+ "id123" +"']");
$('html,body').animate({scrollTop: aTag.offset().top},'slow');

  });
});

Jquery滚动到函数调用

1 个答案: