Очень простая проблема Wordpress + jquery tools - PullRequest
Новая
       6

Очень простая проблема Wordpress + jquery tools

0 голосов
/ 18 октября 2011

Мне очень трудно заставить это работать.Любая помощь будет возвращена с выигрышной кармой: -)

Я установил сайт WP Vanilla и отредактировал только один пост и файл functions.php, чтобы добавить CSS.Это демонстрирует проблему.

Ничего не работало, когда я добавил все объявления jquery / tools wp_register_script / wp_enqueue_script в functions.php, так что ради здравомыслия и временно они находятся в посте (я знаю, что это не так)t правильное место).

Итак, это почти работает.Я не получаю ошибок, но страница (которая прекрасно работает без WP) не отображает содержимое панелей.Есть идеи?Глядя на консоль Chrome, все ресурсы загружены, все там есть скрипты.

http://crystal -globe.com / jqt /

Спасибо за любую помощь.Волосы вырваны ...

1 Ответ

0 голосов
/ 18 октября 2011

Полагаю, вам не следует добавлять в файл functions.php код, который не имеет прямого отношения к вашей конфигурации WordPress (например, к пользовательским типам записей и функциям для php).

Вернуть файл functions.phpи любой дополнительный код, который вы добавили к своим файлам;затем попробуйте:

Найдите header.php и между тегами <head> </head> включите следующий код: 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); wp_head(); ?>

в качестве простого теста, чтобы увидеть, работает ли jQuery в заголовке; 

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

В шапку добавить следующее: 

<style type="text/css">
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 660px;
    height:90px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accommodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
.items div {
    float:left;
}
</style>
...