小编gpc*_*ola的帖子

我一直在玩自举旋转木马,试图让每张幻灯片显示4列,相应地.事物的响应方面是完美的,但是当最后一张幻灯片滑动时,旋转木马不会回绕到第一张幻灯片.它只是消失了.任何人都可以发现问题吗？

HTML

<div id="carousel-example-generic" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner"> 
    <!-- Slide -->
    <div class="item active">
        <div class="row">
            <div class="col-sm-3 col-xs-6"> <img src="http://placehold.it/260x180" alt=""/>
                <div class="carousel-caption">This is a caption</div>
            </div>
            <div class="col-sm-3 col-xs-6"> <img src="http://placehold.it/260x180" alt=""/>
                <div class="carousel-caption">This is a caption</div>
            </div>
            <div class="col-sm-3 col-xs-6"> <img src="http://placehold.it/260x180" alt=""/>
                <div class="carousel-caption">This is a caption</div>
            </div>
            <div class="col-sm-3 col-xs-6"> <img src="http://placehold.it/260x180" alt=""/>
                <div …

我应该如何重构以下标记,以便第二行的输入与它们之间的时间标签内联？我以为我可以在div上使用'form-inline'但它似乎没有应用正确的样式.

http://bootply.com/80058

<div class="well">
    <form role="form">
        <div class="row">
            <fieldset>
                <div class="form-group">
                    <div class="col-md-12">
                        <label for="address">To take me to</label>
                        <input type="text" name="address" id="address" class="form-control" placeholder="Enter a location" required>
                    </div>
                </div>
            </fieldset>
        </div>
        <div class="row">
            <fieldset>
                <div class="form-group">
                    <div class="col-md-12">
                        <label for="date">Date &amp; Time</label>
                        <input type="text" name="date" id="date" placeholder="Enter a date" class="form-control" required>
                        <label for="time">@</label>
                        <input type="text" name="time" id="time" placeholder="Enter a time" class="form-control" required>
                    </div>
                </div>
            </fieldset>
        </div>
    </form>
</div>

我想要的是最终结果

Take me to
<Address>

Date & Time
<Date> @ <Time>

Run Code Online (Sandbox Code Playgroud)

但是以这样的方式使@ …

我有许多带有以下标记的元素:

<div id="div1" data-category="mycategory" data-feature="myfeature"></div>
<div id="div2" data-category="anothercategory" data-feature="myfeature"></div>
<div id="div3" data-category="mycategory" data-feature="myfeature"></div>
<div id="div4" data-category="mycategory" data-feature="anotherfeature"></div>

两个引用这些的jQuery选择器:

$cats = $('div[data-category="mycategory"]');
$features = $('div[data-features="myfeature"]');

如何将这两个选择器合并为一个BOTH引用为真的选择器？我想最终得到一个只包含div 1和3的选择器但是使用已经存在的$ cats和$ features - 而不是基于标记构建另一个选择器

我想在超小型设备上查看时隐藏输入组-btn.实现这个目标的适当方法是什么？

我尝试过以下方法:

    <div class="input-group">
        <input type="text" class="form-control">
        <div class="input-group-btn hidden-xs">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
            <ul class="dropdown-menu pull-right">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
            </ul>
        </div><!-- /btn-group --> 
    </div><!-- /input-group --> 

但它混淆了输入组http://bootply.com/81206的渲染

没有'hidden-xs':

使用'hidden-xs':

我在magento模板中遇到foreach循环问题:

$cats = Mage::helper('catalog/category')->getStoreCategories();
foreach ($cats as $cat) {
    if($cat->getIsActive()&&$cat->getProductCount()) {
        echo "<div class=\"grid_6\">";
        echo $this->getLayout()->createBlock('catalog/product_new')
            ->setTemplate('catalog/product/new.phtml')
            ->setCategoryId($cat->getId())
            ->setColumnCount(2)
            ->setBlockTitle("Just Added in <a href=".$cat->getUrl().">".$cat->getName()."</a>")
            ->toHtml();
        echo "</div>";
    }
}

当一个相同的块重复4次(我有4个主要类别),它应该显示4个不同的块,每个类别一个.就好像每个新迭代都没有更新$ cat-> getId(),$ cat-> getName()和$ cat-> getUrl()语句.

我在这做错了什么？

谢谢...

分层导航过滤器是在中创建的

app/design/frontend/base/theme/template/catalog/layer/filter.phtml

如何从此文件中检索当前产品集合中最高产品价格的值？

我已经尝试过我认为显而易见的选择$this->getMaxPriceInt(),Mage_Catalog_Model_Layer_Filter_Price但这似乎不适用于filter.phtml.

我有一个以公里为单位的值，我希望将其转换为浏览器的区域设置特定测量单位（公里或英里）。

我正在使用谷歌地图 API v3 方向服务，特别是本页上的最后一个例子。

function computeTotalDistance(result) {
  var total = 0;
  var myroute = result.routes[0];
  for (i = 0; i < myroute.legs.length; i++) {
    total += myroute.legs[i].distance.value;
  }
  total = total / 1000.
  document.getElementById("total").innerHTML = total + " km";
}

我将如何确定浏览器的区域设置测量单位，以便在必要时执行转换？

我正在尝试为结果添加属性wp_get_attachment_image.

我想使用jquery lazyload来处理我的帖子缩略图的加载,为此我需要添加一个data-original=属性来创建<img>标签wp_get_attachment_image.

我试过了:

$imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), "full" );
$imgsrc = $imgsrc[0];
$placeholderimg = wp_get_attachment_image( 2897, "full", array('data-original'=>$imgsrc) );

但它没有像我预期的那样添加数据属性.

<img class="attachment-full" width="759" height="278" alt="..." src="..."></img>

看看这个wp_get_attachment_image功能看起来应该是这样的:

function wp_get_attachment_image($attachment_id, $size = 'thumbnail', $icon = false, $attr = '') {


    $html = '';

    $image = wp_get_attachment_image_src($attachment_id, $size, $icon);

    if ( $image ) {

        list($src, $width, $height) = $image;

        $hwstring = image_hwstring($width, $height);

        if ( is_array($size) )

            $size = join('x', $size); …

我需要在归档循环中显示所有现有帖子,以获得"车辆"的自定义帖子类型.

这是我到目前为止:

function get_all_vehicle_posts( $query ) {
    $query->set( 'posts_per_page', '-1' );
}
add_action( 'pre_get_posts', 'get_all_vehicle_posts' );

我看到了我想要的无限帖子.但是我需要将此更改限制为我的自定义帖子类型.

我试过了:

    if ( 'vehicle' == $query->post_type ) {
        $query->set( 'posts_per_page', '-1' );
    }

但这似乎不起作用.我想我们在查询运行之前不知道帖子类型,除非它是查询的特定参数？

如何将此功能限制为特定的帖子类型？