2014-01-21 68 views
1

我希望我的更多按鈕鏈接到另一個頁面的特定部分。例如,我有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> 

回答

2

你有一個語法錯誤。試試這個:

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

看起來像你需要防止你的錨的默認點擊事件在這裏,嘗試使用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> 
1

首先,修復:

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

,並添加您的bio.html<a name="bio6"></a>在需要說明部分的開頭。

1

試試這個代碼:

<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> 
1
<a href="http://www.bxitrade.net/bio.html"#bio6> 

將始終引領你到頁開始

寫它像

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

其中bio6是Id和您指向的股利或元素的名稱。

相關問題