2016-09-16 34 views
0

私はdjangoを使ってミニウェブサイトプロジェクトを進めていました。私は少し前にブートストラップを見つけ、その機能の一部を使い始めました。私が本当に好きだったのは、ドロップダウンボタンでした。URLが既に開いているかどうかを確認する方法

<li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
     <li><a href="home/">Home</a></li> 
     <li><a href="blog/">Blog</a></li> 
     <li><a href="contact/">Contact me</a></li> 
     </ul> 
    </li> 

しかし、予期せぬ「エラー」/バグがありました。それらのボタンの1つをクリックすると、そのhrefがURLに追加されます。

ここに問題があります。 URLに既に含まれていてもhrefが追加されます。どうすればこの問題を解決できますか? djangoスクリプトやjavascriptで?

答えて

0

問題

それは技術的には、問題はhrefのターゲット自体である必要があるとして、すべてが動作しているように私には見えます。

あなたは絶対的なリンクではないので、ターゲットはあなたがいるページとの相対的なものとみなします。

潜在的なソリューション

1 - この場合には、絶対リンクを使用してください。

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
    <ul class="dropdown-menu"> 
    <li><a href="http://www.youwebsite.com/home/">Home</a></li> 
    <li><a href="http://www.youwebsite.com/blog/">Blog</a></li> 
    <li><a href="http://www.youwebsite.com/contact/">Contact me</a></li> 
    </ul> 
</li> 

2 - ベースタグを使用します。

これにより、ウェブサイトのルートURLが設定されます。予期しない結果が生じる可能性があります。このソリューションを使用している場合は、確認して再確認してください。

HTML Base Tag

+0

しかし、ウェブサイトは、人々がプロファイルを持つソーシャルメディアスタイルであることを想像してみてください。だから、プロフィールのIDの後に/ blogを追加したいと思っていました。私は絶対的なリンクでそれを行うことはできません。私はもっ​​と説明しておくべきだったと思う。 – ecoH

+0

これは問題ありません。ちょうどPHPやバックエンドコードで完全な絶対的なリンクを生成させてください。$ link = 'http://www.yourwebsite.com/'.$userid.'/blog/'; – ZBerg

関連する問題