1

我目前有此代码用于问题和答案的常见问题解答列表。标题、问题和答案在点击时可展开/折叠。

http://jsfiddle.net/7RbCZ/

但是,我需要的一个功能是能够在回答文本中链接到其他问题,以便页面跳转到并打开这个问题。

目前我已经写了(第 6 行 HTML):

(See <a href="#question-3">Question 3</a>)

在问题 1 的答案中,并给问题 3 一个 id(第 18 行 HTML):

<li class="list-level-2" id="question-3">Question 3?

这不起作用,但希望能证明我想要实现的目标。

非常感谢您的帮助。

编辑:感谢下面的marbor3。回复:他们的解决方案,有人对如何让页面跳转到这个问题/答案有任何想法吗?还有一个问题,如果链接到的问题已经打开,那么触发器(单击)使其不可见。

4

1 回答 1

0

click event您可以在链接和元素中捕获trigger click eventid 在href

$(".triggerNextQuestion").click(function(event) {
    event.preventDefault();
    var question = $($(this).attr('href'));
    if(!question.parent().is(':visible')) {
        question.parent().trigger('click');
    } 
    question.trigger('click');
});

您将需要检查父级是否也可见,如果不可见则显示。

这是一个起点,肯定需要一些修改,比如在显示父项后显示问题。

这是小提琴

于 2013-02-14T11:30:16.057 回答