jQuery TreeviewとjQuery Splitterを含む ASP.NET MVC アプリケーションがあります。上部にヘッダーがあります。その下では、スプリッターを使用してスペースを 2 つの divに分割しています。左の div にはtreeviewが含まれ、右の div にはコンテンツが含まれます。
コンテンツ領域専用のスタイルシートがあります。すべてのスタイリングには接頭辞が付いて#Contentおり、コンテンツを含む div は ですid="Content"。そのスタイルシート内で、リンクにカーソルを合わせない限り下線が付かない<a>ようにリンクのスタイルを設定しました。
通常、コンテンツ領域にテーブルを配置して、グリッド スタイルのデータを表示します。グリッド内には、詳細を表示するためのリンクの列があります。
これが問題です。コンテンツ エリアのほとんどのリンクは適切に機能します (カーソルを合わせると下線が引かれます) a:link。最初の表示では下線が引かれ、ホバーしてもしなくても下線が引かれます。
これは、ページが ASP.NET MVC アプリケーションからレンダリングされる場合にのみ発生します。テスト用に Visual Studio (Cassini) の開発 Web サーバーを使用しています。ブラウザーで表示/ソースし、デスクトップにページを保存し、jQuery スクリプトとスタイル シートへのリンクを修正し、保存されたページをクリックしてブラウザーでページを表示すると、問題は発生しません。
Internet Explorer 7 と最新バージョンの Firefox の両方を試しましたが、リンクはまったく同じように失敗しますが、実際のアプリケーションを実行している場合のみです。divを除いて、すべてのスタイリングが機能し<a:link>ます。#Content
この種のランダムなリンクのスタイリングの失敗を見た人はいますか? 私は途方に暮れています。ブラウザーから保存して再度開くと、ページが宣伝どおりに機能する理由がわかりませんが、ブラウザーに関係なく、アプリケーションからは機能しません。