如何制作我的錨標簽（此）

Question

我遇到了一個小問題，我的頁面上充滿了錨標簽，當選擇其中一個錨定動畫時，我現在唯一的問題是我沒有將錨標簽定義為（this），因此當一系列選擇錨點，每個錨點都執行動畫，即時通訊現在還不行，我該如何更改標簽呢？

到目前為止，我的代碼是：

$('a').bind('click', function(e){
            $ajax = $('<div id="ajax"></div>');
            $ajax.prependTo('#container');
            $('html, body').animate({ scrollTop: 0 }, 'fast', function(){
                $ajax.animate({ height: 300 }, 'slow', function(){ 
                    $preloader = $('<div id="preloader"></div>').hide();
                    $preloader.prependTo('#ajax').fadeIn('normal');
                });
            });
            e.preventDefault();
        });

Answer 1

您想像這樣向您的錨標記添加ID

<a id="myTag" href=""></a>

然后您可以像這樣訪問它

$('#myTag').bind(...

每個頁面只能使用一次ID（這意味着每個ID都是唯一的，而不是每個頁面只能有1個ID）。

下面是對一些信息的ID，選擇從jQuery和更多的選擇一般

Answer 2

您不使用var關鍵字。 這很不好，因為您以這種方式創建的所有變量都在全局范圍內相互覆蓋

$('a').bind('click', function(e){
    var $ajax = $('<div></div>').prependTo('#container');

    $('html, body').animate({ scrollTop: 0 }, 'fast', function(){
        $ajax.animate({ height: 300 }, 'slow', function(){ 
            $('<div></div>').hide().prependTo($ajax).fadeIn('normal');
            // you can refer to $ajax here! --^^^^^
        });
    });
    e.preventDefault();
});