點擊document.ready

Question

我有一個使用鏈接的rel =屬性過濾的頁面。 我試圖讓document.ready根據第一個鏈接的rel =屬性對其進行過濾，而是加載所有鏈接。

如果我的被黑的代碼不足以說明問題，那么我對jQuery還是很陌生的。 有人可以指出我正確的方向嗎？

jQuery(document).ready(function(){

jQuery('.port-cat a:first').click(function(evt){    
        var clicked_first = jQuery(this).attr('rel');

        jQuery('#portfolio .post').hide();
        jQuery('#portfolio .' + clicked_first).fadeIn(400);
    })
});

根據要求：這是我的HTML概述，帶有$ new_tags拉標記，並作為鏈接rel =屬性放置，如下所示：

<a href="#" rel="web">Web</a>

HTML：

<div class="portfolio">

<span class="port-cat"><?php echo $new_tags; ?></span>

Answer 1

您正在rel屬性上使用類選擇器：

jQuery('#portfolio .' + clicked_first).fadeIn(400);

相反，您想這樣做：

jQuery('a[rel=' + clicked_first + ']).fadeIn(400);

但是我懷疑這不是您問題的真正答案。 查看您的html或對您要執行的操作進行更好的描述將很有幫助。

Answer 2

您將rel屬性設置為clicked_first，然后將其作為類進行回調。 這是如何通過rel屬性調用的示例： 在jquery選擇器中的rel屬性中使用變量