小编Car*_*rpy的帖子

jQuery UI滑块固定值

我试图让jQuery滑块设置要滑动到的值,而不是最小和最大金额之间的每个数字.

我想要"0,25,50,100,250,500"作为人们可以滑动的唯一数量,但无法弄清楚它是如何完成的.将它们放在"值"部分似乎没有做任何事情.

<script type="text/javascript">
$(function() {
    $("#slider-range").slider({
        range: true,
        min: 0,
        max: 500,
        values: [100, 250],
        slide: function(event, ui) {
            $("#amount").val('Miles: ' + ui.values[0] + ' - ' + ui.values[1]);
        }
    });
    $("#amount").val('Miles: ' + $("#slider-range").slider("values", 0) + ' - ' + $("#slider-range").slider("values", 1));
});
</script>
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui

16
推荐指数
1
解决办法
2万
查看次数

Wordpress分类标题输出

我正在尝试在查看时输出分类页面的标题.

所以,如果我在"标签"页面上,我会去:

<?php if (is_tag()) {?>
    <h1><?php single_cat_title(); ?></h1>
<?php } ?>
Run Code Online (Sandbox Code Playgroud)

但是,如果用户正在查看特定的分类页面,我将如何实现相同的目标?

is_taxonomy() 不存在.

wordpress taxonomy

7
推荐指数
2
解决办法
1万
查看次数

在(x)字符数量之后剪切文本

这是在wordpress(不确定是否有所作为)

这一点的PHP输出帖子标题

<?php echo $data['nameofpost']; ?>
Run Code Online (Sandbox Code Playgroud)

它是简单的文本,可以长达100个字符.我想要的是,如果输出的字符长度超过20来显示"......"或根本没有显示.

谢谢

php wordpress

4
推荐指数
2
解决办法
2万
查看次数

公告栏,设置一个cookie

我在我的网站顶部有一个栏来宣布公告(比如stackoverflow如何用新徽章等).我正在使用的代码如下

HTML

<div id="announcement_popup" title="Special Announcement" style="display:none;">
    <h3>Announcement</h3>
    <a href="#" id="closeit">Close</a>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$("#announcement_popup").fadeIn("slow");
$("a#closeit").click(function() {
    $("#announcement_popup").fadeOut("slow");
    return false;
});
Run Code Online (Sandbox Code Playgroud)

一切正常但我希望能够使用jquery cookie插件设置cookie,因此当用户关闭栏时,它将不再显示x小时/天.我很难过如何做到这一点.

谢谢

html cookies jquery

4
推荐指数
1
解决办法
1177
查看次数

Magento:两种基于重量的统一运费

尝试设置我的运费如下:

如果购物车的总重量低于1KG,那么运费将为3.68英镑

如果购物车的总重量超过1KG,那么运费将为6.68英镑

如果购物车的总价超过100英镑,则免费送货.

我已经设法使用固定费率6.68英镑一起破解这一切,然后使用促销>购物车价格规则部分在1KG重量下折扣额外的3英镑.但扣除并没有从运费中脱离,它只是显示为折扣,这将是令人困惑,看起来不正确.所以我正在寻找一种替代/正确的方式.

这一切都在英国,我们目前不在国外发货.

任何帮助赞赏.

magento

3
推荐指数
1
解决办法
1万
查看次数

4列CSS布局 - 流体

我正试图解决这个问题.

HTML/CSS:

<style type='text/css'>

#content {
    padding: 20px;
    background: #F3F6F7;
}

.inner-box {
    background: #fff;
}

.inner-box .col {
    background:#eee;
    display:block;
    float:left;
    margin:1%;
    padding:20px;
    width:23%;
}

</style>

<div id="content">      
    <div class="inner-box clearfix">
        <div class="col col-1">
            COl1
        </div>
        <div class="col col-2">
            COl2
        </div>
        <div class="col col-3">
            COl3
        </div>
        <div class="col col-4">
          COl4
        </div>

    </div>              
</div>    
Run Code Online (Sandbox Code Playgroud)

我基本上想要一个流畅的4列布局,每列周围有相同的填充位,整个屏幕上的整个范围跨越100%.

上面的代码可以工作,但是一旦我缩放浏览器,右边的第4列将在其余部分下移.

html css xhtml

2
推荐指数
1
解决办法
1万
查看次数

jQuery循环自定义导航

使用jQuery Cycle插件创建内容幻灯片(不是图片) - 我将如何使下面的代码工作?

这是我的幻灯片内容:

        <div id="slideshow">
            <div>
                <h1>Title One</h1>
                <p>Description for title one</p>         
            </div>
            <div>
                <h1>Title two</h1>
                <p>Description for title two</p>         
            </div>
            <div>
                <h1>Title Three</h1>
                <p>Description for title three</p>         
            </div>
            <div>
                <h1>Title Four</h1>
                <p>Description for title four</p>         
            </div>
        </div>
Run Code Online (Sandbox Code Playgroud)

这是下面的自定义导航:

        <div id="slideshow-nav">
            <ul>
                <li>
                    <a href="#">
                        <span class="thumb one"></span>
                        <span class="title">One</span>
                        <span class="desc">Desc one</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="thumb two"></span>
                        <span class="title">Two</span>
                        <span class="desc">Desc two</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="thumb three"></span>
                        <span class="title">three</span>
                        <span class="desc">Desc …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins jquery-cycle

2
推荐指数
1
解决办法
6433
查看次数

jquery - 多个类操作

当您将鼠标悬停在图像上方时,我会在图像上方滑动一个简单的滑动框以显示一些信息.这工作正常,但我在同一页面上有多个图像,所以当你将鼠标悬停在任何图像上时,所有的框都会向上滑动.

是否有一种简单的方法可以对此进行排序,只有悬停在上方的图像才会滑动?或者它是否基本上创建相同的代码,说明每个图像缩略图的不同ID?

继承人jquery - 随意纠正这个片段中的任何错误,因为我对它很陌生

$('#gallery-inner .thumb .gallery-inner-thumb').hide(); 
$("#gallery-inner .thumb").hover(function () {
    $("#gallery-inner .thumb .gallery-inner-thumb").show().animate({margin:'-36px 0 0'},'fast');
    }, function () { 
    $("#gallery-inner .thumb .gallery-inner-thumb").animate({margin:'1px 0 0'},'fast');
});
Run Code Online (Sandbox Code Playgroud)

和继承人html块.

<div class="thumb clearfix">
    <div class="image">
        <a href="#" title="#"><img src="images/simg/pimg.jpg" alt="#"></a>

        <div class="gallery-inner-thumb clearfix">
            <div class="name"><a href="#">Image Name</a></div>
            <div class="comments"><a href="#">0</a></div>
        </div>

    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢

jquery

1
推荐指数
1
解决办法
6306
查看次数

Magento分层导航块。移到中心

category.xml我更改引用名称中:

    <reference name="left">
        <block type="catalog/layer_view" name="catalog.leftnav" before="-" template="catalog/layer/view.phtml"/>
    </reference>
Run Code Online (Sandbox Code Playgroud)

content我假设将放置分层nav进入中心。但是,它仍然停留在左侧。实际上,即使我更改leftright,它仍然也不会从左侧边栏移动。

我在这里做错了什么?

block magento layered-navigation

1
推荐指数
1
解决办法
8433
查看次数