在URL中使用錨點顯示div

我使用jQuery-collapse plugin來隱藏/顯示帖子的正文內容，並希望每個帖子也可以通過URL訪問。在URL中使用錨點顯示div

<div id="<?php the_slug(); ?>" data-collapse> 
    <div id="collapse"> 

     // Toggle content 

    </div> 


    <div class="main-content"> 

     // Hidden content  

    </div> 
</div>

我想的方法是調用後塞視後ID（這樣我就可以在URL中使用#the_slug），找到它，然後給熔縮的第一個子類的「開放「（插件應該識別）。具體如下：

window.onload = function() { 
var hash = window.location.hash; 
if(hash != "") { 
    var id = hash.substr(1); 
    var d = document.getElementById(id); 
    d.firstChild.className = "open"; 
} 
};

它的工作範圍內的類用於第一個孩子，但插件不承認它（它如果我添加class="open"的標記）。

任何幫助理解爲什麼/其他選項非常讚賞。

來源

2015-05-13 Harris

你正在使用jQuery，對不對？我看到你正在寫上簡單的js。 – Todd

是的，我包括jQuery，但不太清楚。 – Harris

的問題是，LIB不聽類名稱的變化。

弗朗插件

$(d).children().eq(0).trigger("open");

使用此代碼，而不是類名分配的API。

來源

2015-05-13 15:02:31

是的。這就對了。非常感謝。 – Harris

最後我用'$（d）.first（）。trigger（「open」）' – Harris

如果使用jQuery，你可以這樣做：

if(hash != "") { 
    $(hash).addClass("open"); 
}

來源

2015-05-13 14:39:32

嗯，是的，我可能應該在jQuery中做到這一點。但問題是讓插件承認課堂變化，或找到另一種觸發切換的方式。 – Harris

在URL中使用錨點顯示div

回答

相關問題