[英]Trouble with jQuery Plugin -Quicksand
我喜歡這個插件,並且正在嘗試將其實現到客戶新網站的自定義相冊中。 問題是故障排除。 我在自己的網站上有此版本的工作版本,並且輸出的html正確。 我已經核實了 所以我不知道這是否是WP問題,或者我是否不包括其他依賴插件。 認為jQuery和Easing就足夠了。
<!-- Begin portfolio box -->
<div class="galleryNudge" style="margin-left:-90px;">
<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$post_per_page = 20; // -1 shows all posts
$do_not_show_stickies = 1; // 0 to show stickies
$args=array(
'post_type' => array ('post'),
'orderby' => 'date',
'order' => 'DESC',
'paged' => $paged,
'posts_per_page' => $post_per_page,
'caller_get_posts' => $do_not_show_stickies
);
$pf_categorynotin = get_post_meta($wp_query->post->ID, true);
if($pf_categorynotin){
$args['tax_query'] = array(
array(
'taxonomy' => 'category',
'field' => 'slug',
'terms' => $pf_categorynotin,
'operator' => 'NOT IN'
)
); //category__in
}
$temp = $wp_query; // assign orginal query to temp variable for later use
$wp_query = null;
$wp_query = new WP_Query($args);
if( have_posts() ) :
echo '<ul id="applications" class="image-grid pf_item3" style="width:700px;">';
$r = 0;
while ($wp_query->have_posts()) : $wp_query->the_post();
$post_cat = array();
//$post_cat = wp_get_post_categories($post->ID);
$post_cat = wp_get_object_terms($post->ID, "category");
$post_cats = array();
$post_rel = "";
for($h=0;$h<count($post_cat);$h++){
$post_rel .= $post_cat[$h]->slug.' ';
$post_cats[] = $post_cat[$h]->name;
}
$r++;
echo'<li data-id="id-'. $r .'" data-type="'.$post_rel.'" style="display:inline;">';
if (get_post_meta($post->ID, 'port_thumb_image_url', true)) { ?>
<a class="tozoom" href="<?php echo get_post_meta($post->ID, 'port_large_image_url', true); ?>" rel="example4" title="<?php echo $post->post_title; ?>">
<img src="<?php echo get_post_meta($post->ID, 'port_thumb_image_url', true); ?>" class="portfolio_box" alt="<?php the_title(); ?>" width="199px" height="134px" /><span class="gallery-mag-glass3"></span></a>
<?php } ?>
</li>
<?php endwhile ?>
</ul>
</div>
並正確生成了html。 我擺脫了不必要的類別,並盡最大努力清理了輸出。 可以在以下位置找到有效的演示: http : //favaldesign.com/blog/portfolio/
無法使用的頁面在這里: http : //marbledesigns.net/marbledesigns/?page_id=9
我的自定義流沙腳本在這里: http : //www.marbledesigns.net/marbledesigns/wp-content/themes/blaxk/js/QuickSand/jquery.quicksand.flow.js
如果有幫助,螢火蟲沒有顯示任何錯誤。 非常感謝願意看這個並幫我忙的人。
好的...問題是一個簡單的(但令人尷尬的)jQuery沖突。 將第24-25行更改為
var jQuery = jQuery.noConflict(); jQuery(document).ready(function($) {
既然已經解決了,我可以回到更重要的事情上。 就像使它在容器中排序一樣。
如果這個問題沒有用,請刪除。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.