小编Dav*_*oks的帖子

我有一个使用Twitter Bootstrap编写的网站.我在网站上有一组我想要折叠的按钮,但仅限于在手机上查看网站时.因此,当用户在他们的计算机上查看该网站时,他们将看到所有按钮,但当他们在手机上时,他们只会看到一个按钮,上面写着"更多细节",当他们按下它时,所有按钮都会显示出来.

到目前为止我有:

<div class="collapse-group">
  <ul class="menu row collapse" id="IndustriesMenu">
    <li><a class="btn" href="#">Button 1</a></li>
    <li><a class="btn" href="#">Button 2</a></li>
    <li><a class="btn" href="#">Button 3</a></li>
  </ul>
  <a class="btn" data-toggle="collapse" data-target="#IndustriesMenu">View details</a>
</div>

这当前有效,但默认情况下按钮在所有设备上折叠,而不仅仅是手机.任何帮助总是受到赞赏.谢谢.

我目前在一个域上有一个网站,它有另一个域映射到它.我有一个.htaccess RewriteCond,如下所示:

RewriteCond %{HTTP_HOST} ^www\.additional-domain\.com [NC]
RewriteRule (.*) http://www.main-domain.com$1 [R=301,L]

这显然意味着访问www.additional-domain.com访问的任何页面都将重定向到www.main-domain.com上的正确页面.

我想知道的是; 我可以保留此规则,但某些页面不能重定向吗？所以对于page /this-page.html,如果用户访问www.additional-domain.com/this-page.html,那么他们不会被重定向到www.main-domain.co.uk/this-page.html

这甚至可能吗？谢谢.

--------编辑--------

我没有提到,对于那些额外的页面,我希望重定向能够反向工作.

因此,如果有人访问www.main-domain.co.uk/this-page.html,那么他们将被重定向到www.additional-domain.co.uk/this-page.html

我正在使用Swipebox jQuery灯箱.

在正常情况下,当浏览图库时,图像的标题和光标箭头会从页面的顶部和底部滑落.

基本上,我希望图像标题和控制箭头保持原位(不要滑离页面).有谁知道如何做到这一点？

我正在尝试使用链接来检查jQuery的复选框.我的HTML是:

<table>
  <tr>
    <td><input type="checkbox" value="test" /></td>
    <td><a class="editbutton" href="#">edit</a></td>
  </tr>
</table>

我一直在玩这个jquery:

jQuery('.editbutton').click(function($) {
    jQuery(this).closest('[type=checkbox]').attr('checked', true);
});

不幸的是,这不起作用.有任何想法吗？

我使用的是无序列表,我想带班.价格到列表的底部移动列表项.

<ul class="itemExtraFieldslist">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li class="price">Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
</ul>

我尝试过使用:

$('ul.itemExtraFieldslist').sortable({
    stop: function (event, ui) {
        $(this).find('li.price').appendTo(this);
    }
});

但这不起作用.这似乎是一件非常简单的事情,但我似乎能够理解它.我在这里创建了一个jsFiddle.

Stack Overflow上已有答案,但它不起作用(我的版本基于该答案).

谢谢你的帮助

我有一系列事件,我试图使用jQuery创建,但我失败了.

我有许多列表,每个列表中都有许多列表项.我想要实现的事件列表如下:

淡入列表1>动画列表1项目1>动画列表1项目2等...淡出列表1淡入列表2>动画列表2项目1>动画列表2项目2等...淡出列表2等..

然后这将一遍又一遍地循环.

我目前的jQuery如下:

$('ul').each(function() {
    $(this).children().each(function(i) {
        $(this).delay((i++) * 2000).animate({left:0, opacity:1});
    });
});

我已经创建了一个jsfiddle http://jsfiddle.net/zp240znv/概述了我已经达到了这个目标,但是它非常缺乏,所以非常感谢任何帮助.

谢谢

这可能很简单,但我无法弄清楚.我想使用jquery除了它的原始padding-top之外还为div添加padding-top.到目前为止我的代码是:

var headH = $('#header').outerHeight();
var mastPad = $('#masthead').css('padding-top');
$('#masthead').css('padding-top', mastPad + headH);

这导致我假设的大量填充,因为JQuery不断增加填充.我需要找到一种方法来抓住原始填充顶部然后添加到它.

谢谢

我有一个Twitter Bootstrap Carousel的奇怪问题.请查看http://www.bettondesignwork.co.uk/cheapbeds4u/

目前有三个相同的图像.第一个图像加载正常,但当第二个图像在包含div的高度滑动时,动画为0px.除此之外,在旋转木马周围产生额外的div.

实际的html:

<section id="top" class="container">
<div id="TopCarousel" class="moduletable carousel slide">
        <div class="carousel-inner">
            <div class="item">
                <img src="images/slideshow/homepage/01.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/02.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/03.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
        </div>
    </div>
</section>

呈现的HTML:

<section id="top" class="container">
<div style="margin: 0px 0px 20px; position: relative; overflow: hidden; height: 0px;">
<div id="TopCarousel" class="moduletable carousel slide" style="margin: -340px 0px 0px; overflow: hidden;">
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/slideshow/homepage/01.jpg" alt="" …

我正在使用这个jQuery,以便在我的页面上启用一个按钮来切换div.

var SnapEnable = document.getElementById('open-right');
$(SnapEnable).addEventListener("click", function() {
    if (snapper.state().state == "right") {
        snapper.close();
    }
    else {
        snapper.open('right');
    }
});

我在IE8中遇到错误,这段代码"对象不支持此属性或方法".所以我将代码更新到下面:var SnapEnable = document.getElementById('open-right');

if (!SnapEnable.addEventListener) {
    $(SnapEnable).attachEvent("onclick", function() {
    if (snapper.state().state == "right") {
        snapper.close();
    }
    else {
        snapper.open('right');
        }
    });
}
else {
    $(SnapEnable).addEventListener("click", function() {
    if (snapper.state().state == "right") {
        snapper.close();
    }
    else {
        snapper.open('right');
        }
});
};

我认为这可以解决问题,但我仍然得到错误.

我有一个看起来很简单的查询。我在PHP中有以下代码：

$newThumb = str_replace('style="width:170px;"','',$nolinkThumb);

我的问题是数字“ 170”可以是任何数字，因此我希望我的str_replace能够反映这一点。我试过使用：

$newThumb = str_replace('style="width:[0-9]px;"','',$nolinkThumb);

但这是行不通的。任何帮助将不胜感激。

谢谢

我有foreach声明基本上创建一个链接.每个链接都有自己独特的类.我想要做的是根据链接的类别创建特定的链接文本.我知道我可以用JavaScript做到这一点,但我更喜欢通过PHP来做到这一点.

我尝试了两种不同的解决方案.第一个如下:

<?php
    foreach($plugins as $link):
        $linkParams = '';
        if(isset($link['params'])){
            foreach($link['params'] as $k => $v){
                $linkParams .= ' ' . $k . '="' . $v . '"';
            }
        }
        ?>

        <?php
        $linkClass      = $link['class'];
        ?>
        <a class="btn btn-block btn-<?php echo $link['class'];?>" rel="nofollow" <?php echo $linkParams;?> href="<?php echo JRoute::_($link['link']);?>"><?php
        if ($linkClass = "facebookslogin"){echo 'Login With Facebook';}
        if ($linkClass = "googleslogin"){echo 'Login With Google';}
        if ($linkClass = "twitterslogin"){echo 'Login With Twitter';}
        if ($linkClass = "linkedinslogin"){echo 'Login With LinkedIn';}
        if ($linkClass = "liveslogin"){echo …