0

Razor、MVC3 コードが最初、JQuery Accordion 1.8.22、jQuery 1.7.2。

Razor ビューで jQuery アコーディオン h3 ヘッダーに画像を追加すると、画像の周りに余分なパディングがあります。jQueryサイトからアコーディオンコードを作成しました.htmlページとして実行すると、余分なパディングなしでimgがヘッダーに完全に収まり、アコーディオンが折りたたまれると、見出しの間に単一のピクセルがあります. 同じjQuery、スタイルシート、および画像を使用してまったく同じコードを取得し、それらをカミソリビューに配置すると、ヘッダー内の画像の種類がフロートになり、その周りに多くの不要なスペースが作成されます。IE9 と最新の Chrome の両方で別の画像を使用してこれを試しましたが、問題は解決しません。

誰でもこの問題を再現できますか? Razor のアコーディオン h3 ヘッダーに画像を正常に追加し、余分なパディングなしでヘッダーを埋める画像を取得した人はいますか?

<script type="text/javascript">
  $(function () { $("#accordion").accordion({  });   }); </script>

<div id="accordion">

<h3 style="height: 42px"><a href="#">
  <img src="@Url.Content"~/Content/themes/base/images/part1.jpg")"
                                alt="Part 1" style="border-style: none"/></a></h3>

助けてくれてありがとう。

4

1 に答える 1

0

私はそれを考え出した。Razor ビューとは何の関係もありませんでした。jQuery サイトによって生成されたカスタム css ファイルには、アコーディオン ヘッダーのパディング設定がありました。そのcssをプロジェクトから削除すると、問題は解決しました。

于 2012-07-28T14:28:15.260 に答える