小编tob*_*may的帖子

jquery:从第二个插件更改后触发一个插件的公共方法

嘿那里..再次需要一些建议:)

我正在开发一个带有可过滤组合的项目[基于这个插件链接:www.gethifi.com/blog/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours.

投资组合项目显示在水平滑块中,该滑块在浏览器窗口的左侧和右侧添加滚动区域(热点).

这是我的问题:

滑块的宽度在插件smoothdivscroller www.smoothdivscroll.com中计算.但是当我通过过滤器导航更改滑块的内容时,滑块的总宽度会发生变化,但smoothdivscroller插件没有注意到它.

我在jsfiddle中为你设置了一个简化的例子,你可以在这里体验整个问题kuemmel-schnur.de/projekte:当所有项目都显示出来时(Alle)你滚动到右边然后切换到"Lehrprojekte"类别你将不会看到任何项目,因为它们位于最左侧,并且不会重新计算容器的总宽度.

为了解决这个问题,我有三个想法,我需要一些认真的帮助.

1)smoothdivscroll插件提供了一种重新计算容器宽度的公共方法

$("#makeMeScrollable").smoothDivScroll("recalculateScrollableArea");
Run Code Online (Sandbox Code Playgroud)

portfolio-list a点击之后每次都需要点火.我需要将它与滑块自动切换到当前内容的第一个元素的方法结合起来

$("#makeMeScrollable").smoothDivScroll("moveToElement", "first");
Run Code Online (Sandbox Code Playgroud)

2)我的第二个想法 - 因为我不知道是否或如何1)工作 - 是检查网址是否改变然后解除重新计算.过滤器使用哈希来寻址内容.所以我想我可以读出网址,每次直接在哈希变化之后的部分我都可以解雇这个方法.

3)我可以将可过滤的插件绑定到smoothDivScroll插件上(比如完全错误的代码:)

$('#portfolio-list').filterable();
 $('#portfolio-filter a').click(function(){
        $('#makeMeScrollable').smoothDivScroll("moveToElement", "first")("recalculateScrollableArea");
});
Run Code Online (Sandbox Code Playgroud)

所以你怎么看?再次jsfiddle链接:jsfiddle.net/tobiasmay/QudtF/

谢谢,托比.

PS.我会正确设置链接,但我需要1个声誉点发布超过1个链接;)

jquery plugins bind jquery-plugins

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

jQuery .not选择器是否与.delegate一起使用?

我正在尝试对<a>id #filter中没有类的所有元素进行Ajax调用.noAjax,不知怎的,我无法让它工作.有人可以看看我的语法吗?

$("#filter").not($("a.noAjax")).delegate("ul#portfolio-list li a", "click", function() {
    if ($.browser.msie) {
        location.hash = "#/" + this.pathname;
    } else {
        location.hash = this.pathname;
    }
    return false;
});
Run Code Online (Sandbox Code Playgroud)

当我尝试使用aa.ajax(我当然在尝试之前添加)作为选择器.delegate什么都没有用.使用jjery上面的ajax工作,但它尝试加载内容,即使我点击链接a.noAjax

jquery jquery-selectors

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

php语法问题.(在php数组中的css中的php)

我有一个简短的问题,可能很容易回答,但我今天愚蠢..

有人可以告诉我正确的语法来关闭<h4>我的数组并向我解释正确的语法吗?谢谢!

    <?php
        wp_nav_menu(
            array(
                'theme_location' => '1st_menu',
                'before' => '<h4 '<?php if ( is_page('5')) { echo ' id="visible"'; } ?> >',
                'after' => '</h4>'
            )
        );
    ?>
Run Code Online (Sandbox Code Playgroud)

css php syntax wordpress

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