Изображения аккордеона не отображаются - MVC - Jquery

#javascript #jquery #asp.net-mvc #asp.net-mvc-3

#javascript #jquery — jquery — запрос #asp.net-mvc #asp.net-mvc-3 #jquery

Вопрос:

 <script>
$(function () {
    var icons = {
        header: "ui-icon-circle-arrow-e",
        headerSelected: "ui-icon-circle-arrow-s"
    };
    $("#accordion").accordion({
        icons: icons
    });
    $("#toggle").button().toggle(function () {
        $("#accordion").accordion("option", "icons", false);
    }, function () {
        $("#accordion").accordion("option", "icons", icons);
    });
});
</script>

Я получил Accordion для работы на моем сайте MVC, но когда я изменил accordion Jquery, чтобы включить значки / изображения для открытия и закрытия (прямо с веб-сайта jquery), у меня не отображаются никакие изображения. Я что-нибудь упускаю? Я не уверен, где я должен ссылаться на изображения в моем коде. «ui-icon-circle-arrow-e», как я предполагаю, — это изображение, но я понятия не имею, где оно находится и как я могу его загрузить. На веб-сайте jquery ничего нет.

Ответ №1:

Проверьте, включены ли у вас CSS-файл и папки Jquery UI. Там хранятся изображения для аккордеона, а также объявление CSS, которое сообщает вашей странице, где их искать. Это должно быть так же просто, как получить его с сайта пользовательского интерфейса Jquery, разместить на своем сайте и определить CSS.

Вы можете проверить, правильно ли он включен, открыв страницу, просмотрев исходный код и щелкнув ссылку на CSS (отлично работает в Chrome). Он должен открыть реальную страницу, а не вывод ошибки. Вы также можете выполнять отладку с помощью Firebug, Chrome Debugger и т.д.

1. Спасибо. Мне пришлось связать два css-файла. Это не сработало только с jquery.ui.accordion.js файл. также необходим jquery.ui.all.css.

2. Если у вас не было возможности поиграть с Themeroller, я бы НАСТОЯТЕЛЬНО рекомендовал попробовать. Он предоставляет вам все возможности пользовательского интерфейса Jquery плюс тематизацию, которую можно изменять на лету….

3. Спасибо за совет. Я посмотрел на тематический ролик. Я понимаю, что я могу выбирать атрибуты, а затем он отображает элементы управления на основе моих выборов на этой веб-странице themeroller. Но как я могу использовать это в своем проекте .. есть ли что-нибудь, что я могу загрузить после моего выбора.

4. Да, сайт themeroller переведет вас на главную страницу загрузки. Выполните загрузку, затем откройте zip, который он вам отправляет, и выберите папку CSS с файлами CSS и изображениями. Создайте ссылку на него, как вы делали выше, и вуаля. Вы могли бы сначала попробовать автоматически сгенерированную тему, чтобы узнать больше, а затем попробовать свои силы в своей собственной. Как только вы все настроите правильно, вы просто измените файлы, и у вас будет совершенно другой внешний вид.