2016-04-15 8 views
0

したがって、ImpressumのdivをポップアップさせるImpressumリンクがあります。<noscript>単一の要素または類似のもののタグ

<a data-open="something">Impressum</a> 

<div class="reveal" id="something" data-reveal> 
    <img src="images/reverseLogo.png"> 
    <h1>Impressum</h1> 
    <p> ligula mattis placerat.</p> 
    <p>Fusce vulputate eleifend sapien.</p> 
    <p>Suspendisse eu ligula. </p> 
    <button class="close-button" data-close aria-label="Close modal" type="button"> 
    <span aria-hidden="true">&times;</span> 
    </button> 
</div> 

私はどのような方法があるかどうJavascriptがブラウザで無効になっている場合は別のページにリダイレクトするように(私はそれが存在することがわかっているけど、私はそれを達成することができます方法がわからない)お願いしたいと思います。私は現在使用します。

<noscript> 
    <meta http-equiv="refresh" content="0;url=impressum.html"> 
</noscript> 

問題はJavascriptが有効でない場合、それは、特定のページにリダイレクトするということです。 impressum linkをクリックすると、impressum pageにリダイレクトされます。

ありがとうございます。

+1

何の周りに他の道を行くのでしょうか?したがって、Impressumの代わりにImpressumを作成し、次にjsでこれをデータオープン構成に変更します。この方法では、jsがアクティブ化されていなければ、リンクがあり、それ以外の場合はjsがそれを変更します... – errand

答えて

1

最も簡単な方法は、あなたのdomの両方のリンクを持つことです。デフォルトではnojs imprintリンクが表示されます。インプリントポップアップリンクは表示されません。 は、DOM準備ができて、あなたのjsの上だけで表示を切り替え...

HTML

<a href="./impressum.html" class="nojsimprint">Impressum</a> 
<a data-open="something" class="jsimprint">Impressum</a> 

CSS

.jsimprint{ 
display: hidden; 
} 

JS

$().ready(){ 
    $(".nojsimprint").hide(); 
    $(".jsimprint").show(); 
} 
関連する問題