Question

是否有人可以创建JSfiddle代码来演示如何在同一li项中集成两个或多个锚标记？我已经搜索但没有明确的答案，例如，你怎么能将li元素除以3个方形锚每个1/3。例如，您是否需要为每个锚点添加div标记？

例如

<ul>
 <li>
   <a href= "#anchor1"></a>
   <a href= "#anchor2"></a>
   <a href= "#anchor3"></a>
 </li>
 <li>
   <a href= "#anchor1"></a>
   <a href= "#anchor2"></a>
   <a href= "#anchor3"></a>
 </li>

Answer 1

您可以使用jQuery Mobile网格：

http://demos.jquerymobile.com/1.4.5/grids/

e.g：

<li>
    <div class="ui-grid-b">
        <div class="ui-block-a">
            <a href= "#anchor1"><img src="http://lorempixel.com/80/80/food/1/" /></a>
        </div>
        <div class="ui-block-b">
            <a href= "#anchor1" class="ui-btn">Some text</a>
        </div>
        <div class="ui-block-c">
            <a href= "#anchor1" class="ui-btn"> Delete</a>
        </div>
    </div>
</li>

这是一个简单的 DEMO

注意：然后您可以使用CSS来调整宽度，边距，填充等等。

Answer 2

让我们说，正如您所问，您有3个要素：

<div class="your_three_elements">
  <a href="linktoprofile.html"><img src="..." alt="..." /></a>
  <a href="linktopostpage.html">Your Text</a>
  <a href="#" onClick="openPopup()">Your Button</a>
</div>

因此，每个目标必须有一个链接。但那些东西不是锚。锚点就是这样的：

<div class"your_anchorlink">
  <a href="#gototext">Your Link</a>
</div>
<div id="gototext">
When you click on the link, you will get to this text (which is on the same page).
</div>

你可以通过链接go_to_some_page.html＃gototext来组合它，这将打开go_to_some_page页面并跳转到id gototext。

但也许我很想念你想做什么。

JQuery mobile，如何将两个或多个锚点添加到li元素？

2 个答案: