如何識別是否已選擇博客帖子？

Question

我正在使用Tumblr博客模板，在其中需要區分處於折疊狀態和展開狀態的博客文章/帖子。 具體來說，我正在嘗試應用CSS屬性（用於邊框），該屬性僅在博客帖子以折疊狀態顯示在網格中時才適用於博客帖子，並且在訪問者選擇博客以進一步閱讀時不適用。

這是我對模板所做的更改：

    div.posts-holder article:hover
    {
        border: 1px #BDBDBD solid;
        box-shadow: 7px 7px 3px #D8D8D8;
    }

另外，這就是div.posts-holder的樣子（不是完整的代碼，只是一個片段來說明）

<section class="the-posts">

    <div class="posts-holder
    {block:IndexPage} posts-grid{/block:IndexPage}">


        {block:IndexPage}<div class="grid-sizer"></div>{/block:IndexPage}


        {block:Posts}

        <article id="{PostID}" class="type_{PostType} {TagsAsClasses}" rel="{ReblogURL}">

            <div class="article-content">

這是我創建的用於說明問題的虛擬博客的鏈接： 博客鏈接示例請注意，懸停時，每個博客帖子都會帶有陰影邊框。 一旦我真正閱讀了這些帖子之一，就不需要了。

如何使用JavaScript或任何其他技術來做到這一點？ 有什么方法可以查找帖子的狀態嗎？

Answer 1

通過查看示例頁面， posts-holder div在網格頁面上還具有posts-grid類，但是在僅顯示一篇文章的頁面上沒有。 所以您只需要更改CSS懸停規則即可

div.posts-holder article:hover

至

div.posts-holder.posts-grid article:hover

這樣，它僅適用於處於網格中的文章。

Answer 2

這是問題主要標題的答案：

如何識別是否已選擇博客帖子？

這可以通過創建一個對象來實現...只需看下面的代碼：

的HTML

   <div id="article1" onclick="selected("article1")"> </div>

Java腳本

   var click= {};
    var selected = function(a){


          click[a] = "selected";
}

因此，當您想知道是否選擇了該div時，只需檢查click對象中是否存在名為article1的屬性click ，如果為true，則執行其他操作，然后不要