Question

我希望我的阅读更多按钮链接到另一页的特定部分。例如，我有about.html我在哪里显示了工作人员图像，摘录说明和阅读更多按钮。每个工作人员的完整描述可以是我在输入完整描述的bio.html中的红色。

如果有人点击特定员工的阅读更多按钮，则可以转到该特定员工的描述部分，而不是访问bio.html页面的顶部。

HTML代码：

<li>
    <div class="item">
        <div class="img_block wrapped_img">
            <img src="img/pictures/team1.jpg" alt="Tom" />
        </div>
        <div class="carousel_title">
            <h6>Saul Yarmak</h6>
            <div class="op">Chairman & CEO</div>
        </div>
        <div class="carousel_desc">
            <div class="exc">Saul Yarmak has the distinguished honor or repeating his role as Chairman of BXI.</div>
            <div class="read_more">
                <a href="http://www.bxitrade.net/bio.html" #bio6>Read More</a>
            </div>
        </div>
</li>

Answer 1

你有一个语法错误。试试这个：

<a href="http://www.bxitrade.net/bio.html#bio6"> Read More</a>

Answer 2

好像你需要在这里阻止锚点的默认点击事件，尝试使用e.preventDefault()

$('.read_more a').click(function(e) {
    e.preventDefault();
})

以及更改您的锚链接：

<a href="http://www.bxitrade.net/bio.html"#bio6> Read More</a>

为：

<a href="http://www.bxitrade.net/bio.html#bio6"> Read More</a>

Answer 3

首先，修复：

<a href="http://www.bxitrade.net/bio.html#bio6"> Read More</a>

并在所需说明部分的开头添加bio.html <a name="bio6"></a>。

Answer 4

试试这段代码：

给<a href="http://www.bxitrade.net/bio.html#bio6"> Read More</a>

实施例：http://api.jquery.com/jQuery/#jQuery-jQuery-object 它会显示id页面

 <li>
          <div class="item">
              <div class="img_block wrapped_img"><img src="img/pictures/team1.jpg" alt="Tom" /></div>
              <div class="carousel_title">
               <h6>Saul Yarmak</h6>
               <div class="op">Chairman & CEO</div>
               </div>
               <div class="carousel_desc">                                                
               <div class="exc">Saul Yarmak has the distinguished honor or repeating his role as Chairman of BXI.</div>
                <div class="read_more">
                 <a href="http://www.bxitrade.net/bio.html#bio6"> Read More</a>
                  </div>
                  </div>
         </li>

Answer 5

<a href="http://www.bxitrade.net/bio.html"#bio6>

将始终引导您开始页面

像

一样写

<a href="http://www.bxitrade.net/bio.html#bio6">

其中bio6是Id以及您指向的div或元素的名称。

将read more按钮链接到另一个页面的id

5 个答案: