3

以前、あまりにも具体的な質問だと思うものを投稿しました。私が抱えている一般的な問題で言い換えさせてください。

cssファイルにリンクされているhtmlファイルが1つあります。同じディレクトリのjsフォルダにsuperfish.jsがあります。メニューは表示されません。

私がしたこと：

  1. superfish.jsをダウンロードして、jsフォルダーに配置します
  2. superfish.cssファイルをコピーして、私の.cssファイルに配置します
  3. 私のhtmlファイルの先頭にjsをロードします

それは私がすることになっていたことを私が見つけることができたすべてです。私が変更するとCSSの問題のように見えると思います

.sf-menu ul {
    position:  absolute;
    top:       -999em;
    width:     10em; /* left offset of submenus need to match (see below) */
}

に

.sf-menu ul {
    position:  absolute;
    top:       0em;
    width:     10em; /* left offset of submenus need to match (see below) */
}

メニューが左上に表示されます。スーパーフィッシュから水平ナビゲーションCSSをコピーしましたが、それでも水平方向にしか表示されません。それで、私は他のいくつかの基本的なステップを逃しましたか？

HTML： http ://smart-art.org/cadop/index.html

CSS：http ://smart-art.org/cadop/oneColFixCtr.css

index.htmlは左上のメニューを示しています。これは、CSSをに変更したため-999emです0em...したがって、JSは機能していると思いますが、完全に困惑しています。

私はDreamweaverを使用しているので、これが私に固有のものではないことを願っています。別のファイルでCSSを使用して1つの列レイアウトをクリックしました。Superfish WebサイトからCSSをコピーし、JSファイルをフォルダーに配置しました。

何か助けはありますか？

4

1 に答える 1

1

まず、いくつかの提案：

  • ページを開発するときは、JavaScriptとCSSを小さなチャンクに追加して、何が起こっているのかを理解する前にページ/サイトが管理できないサイズに拡大しないようにします。
  • 新しいものを追加するときは、タグにCSSを追加すると便利な場合があります。次に、問題の原因がリンクの問題ではないことを確認します。

今あなたの質問に。あなたのページに基づいて、あなたのHTMLが台無しにされたように見えます。Superfish v1.4.8のサンプルページからHTMLをコピーして、メニューを置き換えるだけでした。

メニューに必要なクラスの多くがメニューにないようです。たとえば、トップメニュー要素とサンプルの違いを見てください。

あなたのコード：<ul class="sf-menu">

サンプルコード：<ul id="sample-menu-1" class="sf-menu sf-js-enabled sf-shadow">

には元のCSSも使用しました.sf-menu ul。

    .sf-menu ul {
        position: absolute;
        top:      -999em;
        width:    10em; /* left offset of submenus need to match (see below) */
    }

実例：http： //jsfiddle.net/HtBUZ/

ページを修正するためのアクションアイテム

  1. Superfishv1.4.8の例を使用してHTMLを修正します。

  2. スクリプトが正しいことを確認してください。

    1. ページにJQueryがありません。

      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    2. あなたのページは間違ってリンクしていhoverIntent.jsます。
  3. CSSをの元の-999em値に戻します.sf-menu ul。
于 2013-01-03T01:26:54.173 に答える