3

stackoverflow で調査した内容に基づいてアコーディオンを変更しようとしていますが、高さはまだ変化しません。それはまだ最も高いパネルの高さです。誰かが私が間違っていることや欠けていることを教えてもらえますか? これが私がHEADに入力したものです--

<link rel="stylesheet"   href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#accordion" ).accordion({
  collapsible: true
});
</script>
<script>
$(".selector").accordion({ autoHeight: false }); 
</script>

ありがとうございました。

4

6 に答える 6

3

これは私にとってはうまくいきます：

<script type="text/javascript">
$(function() {
    $( "#accordion" ).accordion({ heightStyle: "content", autoHeight: false, });
});
</script>

乾杯。

于 2014-02-01T18:46:54.960 に答える
2

これは私の問題を解決します

  $(function() {
    $( "#accordion" ).accordion({
       collapsible: true,
       autoHeight: false
    });
  });
于 2014-06-09T21:56:20.323 に答える
0

@Nikos Grの答えだけで十分です。スクリプトを外部ファイルに挿入することを選択した場合にのみ、すべてのjquery UIファイルにリンクした後、次のようにHTMLでスクリプトにリンクしてください。

最初にあなたのjQueryファイル

<link rel="stylesheet" href="../JQUERY/jquery-ui-1.12.1.custom/jquery-ui.min.css">
<script src="../JQUERY/jquery-ui-1.12.1.custom/external/jquery/jquery.js">
</script>
<script src="../JQUERY/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>

次に、独自のjs

<script src="animate.js"></script>

そのファイルには、@Nikos GR によって記述されたコードと、@Josh Mein のヒントを含めます。

$(document).ready(function () {

    $("#accordion").accordion({
        heightStyle: "content"
    });

});

それはうまくいくはずです！スクリプトを HTML に含めたい場合は、同じことを行いますが、" <script>" 要素の "src" 属性は使用しません。

于 2016-10-13T08:56:22.013 に答える