jQuery插件-Quicksand的问题

Question

我喜欢这个插件，我正在尝试将它实现为一个客户新网站的自定义图片库。问题在于故障排除。我在我自己的网站上有一个工作版本，输出的html是准确的。我已经核实过了。因此，我不知道这是一个可湿性粉剂的问题，或者如果我没有包括另一个依赖插件。我认为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

我的自定义Quicksand脚本在这里：http://www.marbledesigns.net/marbledesigns/wp-content/themes/blaxk/js/QuickSand/jquery.quicksand.flow.js

如果它有帮助，firebug没有显示任何错误。非常感谢任何愿意看过这篇文章并帮助我的人。

Answer 1

好的..。问题是一个简单的(但令人尴尬的) jQuery冲突。将24-25行更改为

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

现在这个问题已经解决了，我可以继续做更重要的事情了。比如让它在容器中排序。

如果这个问题无用，请删除。