小编Jos*_*shc的帖子

我会快速告诉你我正在做的事情.

我正在使用wordpress与高级自定义字段插件.这是一个基于php的问题,因为这些get_field()字段包含对象数组.

$gallery_location   = get_field('gallery_location');
$gallery_studio = get_field('gallery_studio');

例如,$gallery_location当转储将返回此...

array(18) {
  [0]=>
  array(10) {
    ["id"]=>
    int(126)
    ["alt"]=>
    string(0) ""
    ["title"]=>
    string(33) "CBR1000RR STD Supersport 2014 001"
    ["caption"]=>
    string(0) ""
    ["description"]=>
    string(0) ""
    ["mime_type"]=>
    string(10) "image/jpeg"
    ["url"]=>
    string(94) "http://www.example.com/wp/wp-content/uploads/2013/10/CBR1000RR-STD-Supersport-2014-001.jpg"
    ["width"]=>
    int(7360)
    ["height"]=>
    int(4912)
  }
... on so fourth
}

然后我使用merge_array合并两个对象......

$gallery_location = get_field('gallery_location');
$gallery_studio = get_field('gallery_studio');

$downloads = array_merge( $gallery_location, $gallery_studio );

我正在合并多个数组但是如果其中一个数组为空,那么这会导致merge数组完全返回null!

我的问题是如何停止merge_array返回null是否有些数组是空的？

提前感谢任何想法.

@zessx

这就是我要回来的......

$gallery_location   = get_field( 'gallery_location' );
$gallery_studio     = get_field( …

我无法弄清楚如何写这个.

查看我的标记结构,该结构在页面上重复多次.

<div class="module">    
    <div class="archive-info">
        <span class="archive-meta">
            open
        </span>                         
    </div>
    <div class="archive-meta-slide">
    </div>                              
</div>

正如你在我的标记中看到的那样,我有一个<span>是我的$metaButton- 当点击它时,它运行动画div.archive-meta-slide- 这很简单,但我试图仅在当前动画上运行div.module动画所有动画与班级的div "archive-meta-slide",我真的很难动画当前div.archive-meta-slide使用的动画this

如果它div.archive-meta-slide在父div的内部会很容易$metaButton,但是因为它在这个父div之外,所以我无法正确地进行遍历.

看我的脚本

var $metaButton = $("span.archive-meta"),
    $metaSlide = $(".archive-meta-slide");

$metaButton.toggle(
function() {
    $(this).parent().siblings().find(".archive-meta-slide").animate({ height: "0" }, 300);
    $(this).parent().siblings().find(".archive-meta-slide").html("close");
},
function() {
    $(this).parent().siblings().find(".archive-meta-slide").animate({ height: "43px" }, 300);
    $(this).parent().siblings().find(".archive-meta-slide").html("open");
});

有人可以帮忙吗？

谢谢乔希

我已经创建了我的问题,并在这里进行测试:http://jsfiddle.net/aVBUy/7/

问题是,当我点击导航栏项目时,我有一个滚动到元素ID的脚本.当页面处于正确位置时,我正在使用scrollspy来突出显示导航元素.但是,scrollspy仅在它到达浏览器/设备顶部时才更改活动状态.因为我的导航栏是固定的,我需要一个应用于scrollspy的偏移量来偏移51px(导航栏高度).

我已经尝试了一切,但我无法让它发挥作用.请检查我的小提琴,看看你是否能找到我出错的地方,对我这么帮助.

这是我最小化的代码......

HTML

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#"><img src="img/logo.gif" alt="" /></a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li><a href="#welcome" data-scroll="#welcome">Welcome</a></li>
                    <li><a href="#about" data-scroll="#about">About</a></li>
                    <li><a href="#route" data-scroll="#route">The Route</a></li>
                    <li><a href="#bike" data-scroll="#bike">The Bike</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div id="welcome" class="row-fluid">
        <div class="span12">
            <h3>Welcome</h3>
            ...
        </div>
    </div>
    <hr />
    <div id="about" class="row-fluid">
        <div class="span12">
            <h3>About the ride</h3>
            ... …

http://jsfiddle.net/motocomdigital/gUWdJ/

我正在使用jquery滚动技术,我想适应我的项目.

请将我的项目示例视为小提琴http://jsfiddle.net/motocomdigital/gUWdJ/

目前,您可以看到我的导航链接会自动为相对于其的滚动设置动画<section>.

我的问题是,使用该$(window).scroll方法,当部分到达窗口顶部时,如何向我添加一个.active类nav a？

因此,例如,如果用户向下滚动页面(而不是导航链接),我希望活动类添加相对导航链接.指示您在页面上的位置.

每当我猜测用户向下滚动页面时,必须删除活动类,然后添加活动类.

此外,您还必须考虑固定导航栏的28px高度,偏移顶部窗口.

任何人都可以请给我一个技巧,我可以尝试使用或改编,或者可能让我使用我的jsfiddle :)

任何帮助将非常感谢,提前感谢!

http://jsfiddle.net/motocomdigital/gUWdJ/

可能已经有一个jQuery插件可以实现这一点,但我找不到一个完全按照我所做的去做.如果有,请指教我,谢谢.

我的问题是我有很长的页面内容,当您在页面底部滚动时,我的侧边栏不可见.

因此,当您向上和向下滚动页面时,我想让我的#sidebar div保持在浏览器窗口的顶部和底部.

我的侧边栏高度比典型的屏幕分辨率长,所以我需要侧边栏的底部粘在浏览器窗口的底部以及浏览器的顶部.

所以,当你开始向下滚动,侧栏将滚动像正常的,但是当你到达终点的侧边栏,它坚持并不会滚动,而当你开始向上滚动,侧边栏会跟随,直到侧边栏到达顶部浏览器,然后它坚持.反之亦然.

这可能吗？

我已经创建了一个简单的设计布局的jsfiddle,它是核心.我在边栏上添加了一个虚线边框,所以你现在应该选择侧边栏.

http://jsfiddle.net/motocomdigital/7ey9g/5/

任何建议,或者你知道在线教程或演示,都会非常棒!

UPDATE

请看@Darek Rossman的这个尝试

http://jsfiddle.net/dKDJz/4/

他有基本的想法.但向上滚动会使其突然移动到顶部.我需要使用向上/向下滚动的侧边栏来保持流畅.但坚持窗户的顶部或底部.当页眉/页脚在视口中时,它也不应固定定位,因此它不会重叠.

谢谢

Facebook评论插件 - 据我所知,如果我将facebook评论插件放在帖子网页上,并且评论的帖子的永久链接与基本URL匹配,那么评论将通过Facebook使用我的帖子永久链接存储.

让我们说如果我将永久链接发布到我的Facebook页面墙(我是管理员),开放的图形标签开始发挥作用,所有相关数据都被拉入,fb:admins,fb:app等.

但是有可能将我的Facebook页面(使用我的Facebook页面ID)连接到该固定链接 - 以便使用评论插件在页面上发布评论,连接/链接我的Facebook页面墙上的帖子评论？

谢谢

我在使用偏移量在滚动功能上设置2个位置时遇到问题.

我创造了一个小提琴,所以你可以看到...... http://jsfiddle.net/motocomdigital/SGCHt/12/

打开此小提琴时,将小提琴预览视口缩小到与下面屏幕截图相似的大小.

我的问题

您可以看到我正在使用条件语句来控制蓝色选项卡的位置,具体取决于它们所处的滚动点.

黄色列表示选项卡容器,我正在使用if else语句来控制底部定位,因此蓝色选项卡永远不会出现在黄色容器之外.

但我不能让这个工作.我的底部位置偏移不起作用.

var $tab = $('.tab-button');

$(window).bind("resize.browsersize", function() {

    var windowHalf = $(window).height() / 2,
        content    = $("#content"),
        pos        = content.offset();


    $(window).scroll(function(){

        if ($(window).scrollTop() >= pos.top + windowHalf ){

            $tab.removeAttr('style').css({ position:'fixed', top:'50%'});

        } else if ($(window).scrollTop() >= pos.bottom + windowHalf ){

            $tab.removeAttr('style').css({ position:'absolute', bottom:'0px'});

        } else {

            $tab.removeAttr('style').css({ top: $(window).height() + 'px' });

        }

    });  

}).trigger("resize.browsersize");

​

谁能帮助我了解我哪里出错了.

谢谢乔希

我已经更新了这个问题,因为它可能是因为重力形式阻止了一个简单的功能.我说这个的原因是因为我尝试了很多选项(如下所列)来触发jQuery函数,并且它们都不能正常工作.

我有一个简单的功能,100%以下工作......

var $contactButton  = $(".contact-slide a"),
    $contactSlide   = $("#horizon-slide");

function () {
    $contactSlide.stop().css("top","0");
};

它很简单,但是当我从重力点击我的提交按钮时,我正试图触发它.

这是wordpress重力形式的输入标记......

<input type="submit" id="gform_submit_button_1" class="button gform_button" value="Send" tabindex="7"></input>

以下是我尝试过的所有脚本,但没有一个运行该函数...

脚本一

$("input#gform_submit_button_1").on('click', function () {
    $contactSlide.stop().css("top","0");
});

脚本二

$("input#gform_submit_button_1").click(function() {
    $contactSlide.stop().css("top","0");
});

脚本三

$("input#gform_submit_button_1").focus(function () {
    $contactSlide.stop().css("top","0");
});

脚本四

$("form#gform_1").submit(function(event) {
$contactSlide.stop().css("top","0");
});

我也试过......

return false; 

和

return true;

在上面的所有脚本上,但没有一个返回该函数.如果我将脚本设置为返回false,那么表单不会提交,但如果我设置为返回true,则表单提交但函数不会运行.

为什么会这样,我认为这将是基本的东西？

谢谢你的帮助.

这是一个古老的话题,但我发誓它证明比它应该更难.

我创建了一个jsfiddle来显示问题.http://jsfiddle.net/motocomdigital/VfDfw/1/

我以为我破解了它,但它在IE 8兼容模式下失败了.

问题

我有一个语义无序列表中的导航菜单.包含的div包装器具有固定的宽度,这是网站的主要宽度.

无序列表需要在包装器中浮动.但导航中的所有块元素都没有设置宽度.

http://jsfiddle.net/motocomdigital/VfDfw/1/

我为每个元素着色了不同的背景颜色,以便您可以看到每个元素.

我以为我找到了一个修复购买,在div.nav上有一半的包装宽度作为左侧位置,然后在.nav ul上保留-50%保证金- 但似乎在IE 8兼容模式下失败,请参阅下面的小提琴...

http://jsfiddle.net/motocomdigital/VfDfw/2/

任何人都可以建议一个解决方案或更有效的CSS方法.它是烤我的面条.

谢谢

更新

我想我应该更新我的问题,为什么我在我的小提琴例子中使用每个div.

看到我的新小提琴.http://jsfiddle.net/motocomdigital/VfDfw/3/

我现在已经为每个元素添加了10px的顶部位置,因此您可以看到为什么我使用了这么多div的目的.但唯一的问题是这个解决方案不是IE 7友好的.所以我需要另一种居中块元素的解决方案.我希望有一个浮动:中心 CSS规则!

1. 深蓝色div是我的地平线100%宽度div为我的导航无限背景图像.
2. 红色div是包装器,它是我网站的最大宽度.小提琴宽度:420px.
3. 绿色div是我的动态导航的浮动宽度,位于左侧:210px(高于宽度的50%)
4. 将黄色UL是我的动态导航栏的浮动宽度里的元素,以50%的负余量
5. 蓝色李是我的锚按钮容器与分隔器.

我希望这是有道理的.但是这个解决方案几乎可以工作,但是它不能用于IE7

我正在使用我最喜欢的jquery滑块插件之一:bxSlider

http://bxslider.com/options#touchEnabled

最近他们更新了一些设备触摸功能.这允许您通过滑动滚动滑块.

但是在我目前的项目中,我有一个幻灯片,它占据了我网站的整个宽度,当我在设备上查看时,当我用手指向下滚动时,当我到达幻灯片时,我无法向下滚动页面而是幻灯片从左向右滚动.

所以我的问题是,是否可以禁用垂直触摸事件,因此只有在水平滑动滚动时它才有效.

var winnerSlider = $('#slider').bxSlider({

});

如果有人可以提供帮助,我有一个小提琴... http://jsfiddle.net/2Fcxw/10/

扫描下面的qr以查看设备上的小提琴.

谢谢