JQuery аккордеон не скрывает разделы - PullRequest
0 голосов
/ 01 февраля 2009

Я хочу использовать аккордеонный инструмент jQuery для формы, которую я создаю, поэтому я использовал пример кода с веб-сайта jquery, но он не работает вообще!

JavaScript вообще ничего не делает, так что вы просто получаете html-файл. Я использую jquery версии 1.3.1 с версией jrery-ui версии 1.6rc6.

<head runat="server">
    <script src="/scripts/jquery-1.3.1.js" type="text/javascript"></script>    
    <script src="/scripts/jquery-ui-personalized-1.6rc6" type="text/javascript"></script>
    <title>JQuery Test</title>
</head>
<body>

<div class="demo">

<div id="accordion">
    <div>
        <h3><a href="#">Section 1</a></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>
    </div>
    <div>
        <h3><a href="#">Section 2</a></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>
    </div>
    <div>
        <h3><a href="#">Section 3</a></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>
    </div>
    <div>
        <h3><a href="#">Section 4</a></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>
</div>

</div>

<script type="text/javascript">            
$(document).ready(
        function() {
            $('#accordion').Accordion(
            {
                header: "h3"
            }
      );  
</script>
</body>
</html>

Я перепробовал все, что мог придумать и трал в сети, и до сих пор не могу заставить эту простую демонстрацию работать, кто-нибудь может указать мне правильное направление?

Неважно, какой браузер я использую, но firebug говорит $ ("# accordion"). Accordion не является функцией

Спасибо

Ответы [ 3 ]

5 голосов
/ 01 февраля 2009

Функция аккордеона строчная, у вас также есть одна пропущенная скобка и одна фигурная скобка:

$(document).ready(
        function() {
            $('#accordion').accordion(
            {
                header: "h3"
            });
          }
      ); 

Посмотрите, как работает ваш скрипт здесь , и если вы хотите поиграть с вашим кодом, перейдите здесь .

0 голосов
/ 01 февраля 2009

Я сделал один из них на днях, так что я знаю, что это работает. Не пробуя свой код, трудно поймать ошибку. Но я думаю, что вы можете быть в порядке, если вы измените «Аккордеон» на «Аккордеон».

        $('#accordion').Accordion(
        {
            header: "h3"
        }
0 голосов
/ 01 февраля 2009

Вы уверены, что ссылка на js верна и загружена? Вы пытались использовать js-отладчик firebug, чтобы войти в код jquery, чтобы проверить это?

edit: не должен ли вызов функции для Accordion быть строчными?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...