Question

我喜欢这个插件，我正在尝试将其实现到客户新网站的自定义照片库中。麻烦是排除故障。我在自己的网站上有一个工作版本，输出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

我的自定义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($) {

既然这已经解决了，我可以回到更重要的事情。就像让它在容器内排序一样。

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

jQuery插件--Quicksand的问题

1 个答案: