2011-12-15 65 views
0

我喜歡這個插件,我試圖將它實現到客戶端新網站的自定義照片庫中。故障排除。我在我自己的網站上有一個工作版本,輸出html是準確的。我已驗證。所以我不知道這是一個WP問題,還是我不包含另一個依賴插件。認爲jQuery和Easing就足夠了... 下面是代碼示例;jQuery插件故障-Quicksand

<!-- 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

如果有幫助螢火沒有表現出任何差錯。非常感謝任何人願意看這個,幫我一把。

回答

0

好的......問題是一個簡單的(但令人尷尬的)jQuery衝突。改線24-25以

var jQuery = jQuery.noConflict(); jQuery(document).ready(function($) {

現在是固定的,我可以回到更重要的事情。就像在容器中進行排序一樣。

如果這個問題沒用,請刪除。