jQuery同位素不应用布局。继承问题？

我无法获得循环对齐jquery Isotope模块的经典砌体样式布局。jQuery同位素不应用布局。继承问题？

所有浏览器都在控制台中加载脚本，但属性看起来根本不起作用。 .item class div元素的对齐方式全部位于左侧并水平堆叠。

Wordpress是否有某种继承阻止它的工作？我试图在默认的TwentyTwelve主题的WordPress的没有其他插件，但它是在positin：固定; div将其包装到页面的较低50％。

<script type="text/javascript" src="http://<?php echo $_SERVER[HTTP_HOST]; ?>js/jquery.isotope.js"> 
    $(document).ready(function(){ 
     $('#container').isotope({ 
      $container.isotope({ 
       itemSelector:'.item' 
      }); 
     masonry: { 
     columnWidth: 20 
     }; 

    }); 
      </script>

其次是调用HTML：

    <div id="container" > 
        <div class="item"> 
         <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
          <?php if (has_post_thumbnail()) { 
           the_post_thumbnail('thumbnail'); 
          }?> 

          <h2><a href="<?php the_permalink() ?>" rel="<?php the_ID(); ?>" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> 
          <?php the_excerpt(); ?> 
         <?php endwhile; endif; ?> 
        </div> 
       </div>

有了这些应用CSS属性，这我想应该不是问题...

#container { 
     position:relative; 
    } 
    .item { 
     width:50px; 
     height:auto; 
     border:1px; 
    }

实况例如，它现在在这里：justingaskin.com

来源

2013-05-03 canacast

'$ container'定义在哪里？我也从来没有使用过'同位素'，但它看起来好像你正在调用它两次。 – 2013-05-03 16:11:55

可能是。我仍然需要处理后端开发JS的问题。现场示例有帮助吗？ – canacast 2013-05-03 16:49:49

一个生动的例子会有所帮助。 – 2013-05-03 16:57:53

我想你打电话isotope两次，它应该是这样的

$（ '的#container'）.isotope（{

itemSelector： '.item'，
砌筑：{ columnWidth时：20}

}）;

编辑

在你的WordPress网站服用后一看，你没有加载isotope jQuery的正常文件。现在，如果您检出控制台，您会注意到对jquery.isotope.js的请求失败。该isotope文件的位置应该是：

http://justingaskin.com/wp-content/themes/twentytwelve-masonry/js/jquery.isotope.js

，并在网站上的：

http://justingaskin.com/js/jquery.isotope.js

<script type="text/javascript" src="http://<?php echo $_SERVER[HTTP_HOST]; ?>js/jquery.isotope.js"> < - 这是错误

它应该是：

script type="text/javascript" src="http://<?php echo $_SERVER[HTTP_HOST]; ?>/wp-content/themes/twentytwelve-masonry/js/jquery.isotope.js">

来源

2013-05-03 17:01:48

谢谢！我以为在参加本地主机测试网站并与他们一起生活时，我会得到所有的细微差别。自从我弹出了临时内容之后，砌体仍然没有像手册所说的那样运行。这就是我关于继承问题的问题所在的地方......我已经看到了一些提到需要一个位置：相对于该项目，但在尝试后，并没有看到任何结果我怀疑任何其他问题，我可能会失踪。 – canacast 2013-05-04 02:40:59

看起来这绝对是遗传问题。当重新设计Wordpress附带的TwentyTwelve主题时（目前为发布日期），有一些流转的因素会流向我试图组织的项目（级联... hernt）。

使用此链接中的教程和指导：http://www.wplover.com/1818/tutorial-using-jquery-masonry-with-wordpress/

我能够擦拭环石板清洁擦洗在CSS的新外套，我需要的首先控制的元素。

感谢您的帮助@ c-misura！

来源

2013-05-04 18:35:14 canacast

jQuery同位素不应用布局。继承问题？

回答

相关问题