0

ユーザーが私の Web サイトにアクセスし、メインの記事ページから記事をクリックすると、[記事に戻る] ボタンがそれらのサブページにのみ表示されるようにしたいと考えています。記事フォルダーの下にあるそれらの記事を指定するにはどうすればよいですか? ワイルドカード *.html を使用して、パス名のアーティクル フォルダーの下にあるすべての html ページを取得できますか? 私はjavascriptが初めてです。ありがとう！

ここに私が持っているコードがあります:

--HTML5

<a href="../articles/articles.html" class="btnArticles">Back to Articles</a>

--CSS3

.btnArticles {
    background-color: #BA6222;
    color: #ffffff!important;
    border-radius: 90px;
    box-shadow: 5px 5px 5px #E49135;
    padding: 15px 10px;
    float:right;
    text-decoration: none;
    margin-left: 90px;  
    display:none;

}

.btnArticles:hover {
    background-color: #BA6222;
    opacity: .8;
    color: #E7E7E7!important;
}

--JS

//Articles button show/hide only on html pages under the articles folder

$(document).ready(function(){

    if (window.location.pathname == "[href='nameofsite/articles/*.html']"){
        $(".btnArticles").show();
    }
        else
        {
            $(".btnArticles").hide();
        }
});
4

1 に答える 1

0

これを試すことができます。/articles フォルダーの下にある場合はボタンを表示しますが、/articles/articles.html は表示しません:

$(document).ready(function(){
  if(window.location.pathname.match(/\/articles/)
   && (! window.location.pathname.match(/\/articles\/articles\.html/)))
  {
    $(".btnArticles").show();
  }
  else
  {
    $(".btnArticles").hide();
   }
});
于 2013-10-26T21:37:46.730 に答える