Intereting Posts
узел js с wordpress Родительская страница> Меню детской страницы сохранение wp_editor в базу данных, но не отображение содержимого при обновлении using posts_where для метаданных на pre_get_posts Размещение рекламы после каждого 10-го сообщения с бесконечным прокруткой При вставке изображений в сообщения автоматически добавьте обертку div Как создавать эскизы для PDF-загрузок? плагин хочет обновить неверный плагин Получить только первый термин по таксономии Получение array_merge (): Аргумент # 2 не является массивом в register_post_type Назначить минимальный результат для коротких кодов запросов WooCommerce? CPT: выполнить код после загрузки, если параметр установлен Разрешить использование IP-адреса для входа в страницу wordpress wp-login Наличие проблемы доступа к странице wordpress в подкаталоге Как я могу генерировать случайные числа внутри моих коротких кодов для каждой реализации?

Как я получил jQuery Quicksand, работающий с WordPress?

Я пытался заставить этот плагин работать, но я потерпел неудачу. У меня есть код, как показано ниже:

portfolio-terms это кнопки фильтрации:

  <div id="portfolio-terms"> <ul> <li><a href="#" class="all current"><?php _e('All', 'framework'); ?></a><span>/</span></li> <?php wp_list_categories(array( 'title_li' => '', 'taxonomy' => 'skill-type', 'walker' => new Portfolio_Walker(), 'show_option_none' => '' ) ); ?> </ul> </div> 

portfolio-items – это изображения, которые необходимо фильтровать:

  <ul id="portfolio-items" class="<?php if($magic_door) : ?>enabled<?php endif; ?> clearfix"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <li id="portfolio-<?php the_ID(); ?>" class="<?php echo $output; ?>visible"> <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> <a class="entry-link" href="<?php the_permalink(); ?>"></a> <?php tz_featured_image(get_the_ID(), TRUE); ?> </div> </li> <?php endwhile; endif; ?> </ul> 

Я использовал этот код jQuery:

 <script src="<?php bloginfo('template_directory'); ?>js/jquery.quicksand.js"></script> <script src="<?php bloginfo('template_directory'); ?>js/jquery.easing.js"></script> <script> jQuery.noConflict(); jQuery(document).ready(function($){ // Clone applications to get a second collection var $data = $("#portfolio-items").clone(); //NOTE: Only filter on the main portfolio page, not on the subcategory pages $('#portfolio-terms ul li').click(function(e) { $("ul li").removeClass("active"); // Use the last category class as the category to filter by. This means that multiple categories are not supported (yet) var filterClass=$(this).attr('class').split(' ').slice(-1)[0]; if (filterClass == '.all current') { var $filteredData = $data.find('#portfolio-'); } else { var $filteredData = $data.find('#portfolio-[data-type=' + filterClass + ']'); } $("#portfolio-items").quicksand($filteredData, { duration: 800, easing: 'swing', }); $(this).addClass("active"); return false; }); }); </script> 

Но не работает. здесь мой тест темы: http://stakk.it/

Кто-нибудь может мне помочь? Спасибо!

Solutions Collecting From Web of "Как я получил jQuery Quicksand, работающий с WordPress?"

Не уверен, что это полностью ваша проблема, но здесь есть синтаксическая ошибка:

 <script src="<?php bloginfo('template_directory'); ?>js/jquery.easing.js"></script> 

… вам нужно добавить bloginfo('template_directory') косую черту в bloginfo('template_directory') , например:

 <script src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.js"></script> 

РЕДАКТИРОВАТЬ

Посмотрев на источник вашего браузера, ваша разметка цикла работает правильно, но ссылка на ваш зыбучий скрипт не выводится нигде. Где и как вы это называете?

EDIT 2

Хорошо, скрипт quicksand загружается сейчас ; однако, похоже, он использует формат безконфликтного режима jQuery , который заставит его выполнить немедленно, а не на document.ready . Вы можете попробовать изменить этот формат:

 (function($) { // quicksand script })(jQuery); 

…к этому:

 jQuery(document).ready(function($) { // quicksand script }); 

Также: вы загружаете TON скриптов. Я бы удостоверился, что вы правильно их каскадировали, чтобы зависимые скрипты загружали после их зависимостей.

Примечание: использование wp_enqueue_script() , которое включает аргумент $deps , особенно полезно здесь, и является наилучшей практикой для запуска сценариев.