jQuery Mobile菜单嵌套列表链接

时间:2012-01-13 10:02:38

标签: jquery jquery-mobile

有一个带有jquery移动菜单的移动网站(嵌套列表)。列表中的每个项目都是指向新页面的链接。如果我想去www.AAAAAAAAAA.com怎么办? jQuery Mobile是否有一个能够实现这一目标的功能?

在我的情况和这个例子中,我必须在进入新网站之前浏览每个级别(3个级别)。进入每个环节是不可能的。

如果用户只想访问列表中显示的“www.AAAAAAAA.com”,该怎么办?

这很难解释,但一个解决方案是将“点击列表元素”添加到下面的级别以使其起作用。

<ul> // level 1
 <li><a href='www.test1.com'>aaa</a></li>
  <ul> // level 2
     <li><a href='www.test.com'>aaa</a></li>
     <li><a href='www.AAAAAAAAA.com'>Exsample</a></li> <----PROBLEM
         <ul> //level 3
             <li><a href='www.test.com'>TEST</a></li>
             <li><a href='www.test1.com'>aaa</a></li>
             <li><a href='www.test2.com'>aaa</a></li>
             <li><a href='www.test3.com'>aaa</a></li>

有没有办法将您点击的内容插入新级别,然后在元素上设置rel =“external”。就像你在www.AAAAAAAA.com项目上一样,它就像这样

    <li><a href='www.AAAAAAAAA.com'>Exsample</a></li> <----PROBLEM
         <ul> //level 3
             <li rel="external"><a href='www.AAAAAAAAA.com'>Exsample</a></li> <--inserted! 
             <li><a href='www.test.com'>TEST</a></li>
             <li><a href='www.test1.com'>aaa</a></li>
             <li><a href='www.test2.com'>aaa</a></li>
             <li><a href='www.test3.com'>aaa</a></li>

1 个答案:

答案 0 :(得分:1)

你试过split button lists吗?

不确定这是否适用于嵌套的UL,但我会尝试一下。这将为每个列表项提供两个按钮,因此可以直接链接到www.AAAAAAAAAA.com,另一个可以用于挖掘一个级别。

虽然可能令人困惑。