2 返信 最新の回答 日時: Jun 24, 2014 9:51 PM ユーザー:tezutaku

    Museのhtml埋め込みでJquery UIのアコーディオンとかは使えないのでしょうか?

    tezutaku

      MuseでHTML埋め込みオブジェクトを配置して、Jquery UIのアコーディオンを利用できないのでしょうか?

      下記のコードで動作しません。

       

      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>

        <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

      <script>

        $(function() {

          $( "#accordion" ).accordion();

        });

        </script>

       

      <div id="accordion">

        <h3>Section 1</h3>

        <div>

          <p>

          Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer

          ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit

          amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut

          odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

          </p>

        </div>

        <h3>Section 2</h3>

        <div>

          <p>

          Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet

          purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor

          velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In

          suscipit faucibus urna.

          </p>

        </div>

        <h3>Section 3</h3>

        <div>

          <p>

          Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.

          Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero

          ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis

          lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

          </p>

          <ul>

            <li>List item one</li>

            <li>List item two</li>

            <li>List item three</li>

          </ul>

        </div>

        <h3>Section 4</h3>

        <div>

          <p>

          Cras dictum. Pellentesque habitant morbi tristique senectus et netus

          et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in

          faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia

          mauris vel est.

          </p>

          <p>

          Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.

          Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

          inceptos himenaeos.

          </p>

        </div>

      </div>

        • 1. Re: Museのhtml埋め込みでJquery UIのアコーディオンとかは使えないのでしょうか?
          kennchan Level 4

          Museは元々コーディングが不要な制作ツールですので、HTMLでのカスタマイズにはかなり制限があります。

          お使いのバージョンがCCであれば、ウィジェットライブラリのパネル→アコーディオンをデザインページにドラッグすれば簡単に作れますが、HTMLを挿入しなければならない理由などはあります か?

          また、このほどリリースされたCC 2014ではCreative Cloud Add-onsからjQueryライブラリを始め、有料無料の様々なアドオンが入手できます。

          https://creative.adobe.com/ja/addons

          • 2. Re: Museのhtml埋め込みでJquery UIのアコーディオンとかは使えないのでしょうか?
            tezutaku Level 1

            回答が遅くなりました。

             

            WordPressやMovable Typeのテンプレートから構築したニュースリストをアコーディオンパネルを使って表示しようと考えていました。

            MuseのアコーディオンWidgetで書き出されるコードではliタグにidが設定されているため、まずこのidがアコーディオンの動作に関係しているのかを懸念していました。

            実装してみたところidはcssのスタイル指定には使われていますが、特に動作には関係していないようでした。

            ですので、idで設定されているスタイルをclassに置き換えてテンプレートを作成することで、期待通りの処理ができました。

            リストの増減があっても問題なく動作しているようです。

            CC2014 対応のアドオンについては、時間を見て調べてみます。

             

            アドバイスいただきありがとうございました。