2016-10-17 21 views
0

私はセマンティックUIを使って作業しており、他のビューページにリンクするアイテムを含むドロップダウンメニューを作成したいと考えていました。私がドロップダウンメニューに表示された問題の大部分は、私ができたドロップダウンメニューを初期化していないユーザーからのものでした。ここでセマンティックUI - セマンティックUIドロップダウンメニュー内のリンク/タグ/ URL

は私のコードは次のとおりです。私が試した

<div class="ui floating dropdown button"> 
    Course<i class="dropdown icon"></i> 
    <div class="menu"> 

     <% @topics.each { |topic| %> 
     <a class="item" href="articles/<%= topic.id %>"> 
      <span class="text"> <%= topic.name %></span> 
     </a> 
     <% } %> 

    </div> 
    </div> 

異なるもの:

  • ドロップダウンメニューの<a href="articles/4">外のような独立したハードコーディングされたリンク/タグを作成します。これはポスト「私はまた、他のユーザーまで見てきた"ui floating dropdown item"同様

としてSクラスの作業のリンクを作成し、ラッピング変更4.

  • のIDで記事ショービューページに私を指示しています彼らは同じ正確な問題を持っていることを示しています。しかし、私は彼らのソリューションを試しても、私のドロップダウンメニューの項目はまだ動作しないと私は間違って何をやっているのか分からない。ここでは、その記事です:

    二つの最も重要なことはあるように見える:

    1. は、アンカータグの一部としてドロップダウンクラス定義を置きません(ドロップダウンメニューのアンカータグ内にアンカータグを挿入する)
    2. 各アンカータグを囲みません<a class="item" href="#"> # </a>

    のように1行にそれらを統合するが、自分の<div class="items">タグと誰も私が私が一望できるかもしれないもの理解するのに役立つことはできますか?私は重要な情報を残して、私はすぐに関連するデータで投稿を更新したいと思います、ありがとう!

  • +0

    javascriptの部分を追加しましたか? – Weedoze

    +0

    ちょっとWeedoze、私は問題があったと考えて、本当にすぐに答えを投稿、あなたの興味のためにありがとう! –

    答えて

    0

    もっと多くの研究を重ねた結果、以前に挿入したコードであるJavascriptのため、セマンティックUIのドロップダウンメニューでリンクが機能しないという結論に達しました。

    もちろん、私はそのようなコードを忘れることはできないので、私は可能性の領域からこの方法を排除しましたが、私はすべての.jsファイルを徹底的に調べることにしました。 .itemがクリックされたとき

    驚くなかれ、私はjQueryのセレクタreturn falseは...

    は、私は本当に愚かなと感じていたし、私が最初にそれを信じたいdidntはいますが、この問題を持って、あなたしている場合私が持っているように他のすべてをチェックしました、おそらくあなたのjavascript!

    関連する問題