点击时切换属性值答案

【问题标题】：Toggle attr value on click点击时切换属性值
【发布时间】：2011-06-09 05:13:29
【问题描述】：

我正在尝试在点击时切换属性值（rel 或 href）。

$('#open').click(function () {
    $(this).text($(this).text() == 'View Project' ? 'Close' : 'View Project');
    $(this).attr('rel','#page');
    $('#view').slideToggle(550);
    return false;
});

我在那里有一个文本交换，当切换打开/切换关闭时，它会更改 a#open 的文本。

但我需要将 rel 或 href 从 #view 切换到 #page 切换打开但然后在切换关闭时返回 #view。我需要交换这些，因为它是使用 scrollTop 所必需的。

任何帮助将不胜感激！

【问题讨论】：

标签： jquery

【解决方案1】：

基本上，您希望对 rel 属性执行与对元素文本执行相同的操作。

$(this).attr('rel',$(this).attr('rel') == '#page' ? '#open' : '#page');

我假设您想使用当前 rel 进行滑动切换

$($(this).attr('rel')).slideToggle(550);

【讨论】：

【解决方案2】：

不确定我是否完全理解，但您是否考虑过在 jquery 中使用 .toggle() 代替 .click()，然后使用不同的功能

【讨论】：

我使用了切换，但它不能很好地与页面滚动一起使用，它基于设置 rel 或来自 href ---- var element = $(this).attr('rel' ); var 目的地 = $(element).offset().top; $('html:not(:animated),body:not(:animated)').animate({ scrollTop:destination}, 550 );