【问题标题】:Struggling to solve this jQuery div collapse/expand problem努力解决这个 jQuery div 折叠/展开问题
【发布时间】:2010-07-05 03:10:08
【问题描述】:

我使用这个例子作为基础http://simon.tpdserver2.co.uk/jquery/divgrowdemo.htm,我正在尝试修改它,以便 jQuery 插件生成一个允许用户切换展开/折叠的 html a-href(在这种情况下它是以“+ Show More”和“- Show Less”链接的形式),我可以使用实际 div 本身内的链接。例如,每个 div 都有“Michael Jordan”作为标题,我想让它成为切换展开和折叠的可点击项。我该怎么做呢?

【问题讨论】:

    标签: jquery-plugins jquery jquery-effects


    【解决方案1】:

    首先,请提高您的接受率。太低了。

    其次,您可以查看此链接:http://jsfiddle.net/sYwER/5/

    我已将其编码为您想要的方式。如果您有任何后续问题,请发布任何后续问题。

    希望这会有所帮助!干杯:)

    【讨论】:

    • 非常感谢!看你的代码比看插件更清楚。
    • 我通过 jquery.com 上的代码审查评论对您的代码进行了几处更改 一次性解决了速度选项问题和此问题。告诉我。
    • @Gabriel。我不明白你的意思。您说的是什么速度选项问题?
    • 抱歉,我把你当成了插件的作者。我在 jQuery.com 上为这个插件提交了代码更改以供审查。不错的解决方案顺便说一句
    【解决方案2】:

    plugin used on that page 将链接项和单击事件处理程序添加到标有“更多块”类的 div。您将不得不修改插件。您需要将其更改为“链接”标题文本(即在该示例中的相应 div 中找到“h2”元素,并添加“点击”处理程序 - 以便更轻松地设置您可能想要更改内容的样式到链接或按钮元素)并为您添加的新链接添加点击处理程序。

    【讨论】:

    • 谢谢,我想我要问的是你如何做你所描述的?如何将标头与某个类或 id 进行“链接”?我什至不知道从哪里开始。
    【解决方案3】:

    您将不得不修改代码,以便在标题周围添加新标签,而不是插入新标签。因为这是其他人的脚本,它不是为您想要做的。我建议只是重新创建你自己的东西并将其缩小到基础。首先将高度更改为某个固定高度并在末尾添加 ...。然后在标题中添加一个 onclick 事件,删除固定高度和 ... 然后找到一些关于做滑动效果的教程。

    【讨论】:

    • 我不是在寻找它的“...”部分,只是在寻找崩溃。我希望有人可以解释如何在此处添加链接,这就是我的问题的中心。
    猜你喜欢
    • 2011-06-25
    • 2011-03-01
    • 2017-02-12
    • 2014-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-12
    • 1970-01-01
    相关资源
    最近更新 更多