日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線(xiàn)溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
jQuery模擬超鏈接的用戶(hù)單擊事件
 
  •       
  •   
  •   

    • 以上代碼的運(yùn)行效果如下圖所示：

    點(diǎn)擊超鏈接，頁(yè)面可以正常跳轉(zhuǎn)；

    但點(diǎn)擊標(biāo)簽，頁(yè)面卻不可以跳轉(zhuǎn)；

    以上，在IE8和Chrome里都無(wú)法跳轉(zhuǎn)（其他瀏覽器未測(cè)試）。

    所以，接下來(lái)要實(shí)現(xiàn)的效果，就是在點(diǎn)擊標(biāo)簽的時(shí)候讓頁(yè)面跳轉(zhuǎn)（也就是在調(diào)用超鏈接的單擊事件時(shí)，讓頁(yè)面跳轉(zhuǎn)），且寫(xiě)的代碼要少，且***是在一個(gè)地方處理，一個(gè)項(xiàng)不可能就一個(gè)頁(yè)面，一個(gè)頁(yè)面不可能就一個(gè)超鏈接，且不能做的太死，怎么說(shuō)錨的另一個(gè)作用是書(shū)簽，別鏈接是可以跳轉(zhuǎn)了，錨的書(shū)簽作用被屏蔽了，且……。

     
 
 
 
      
  
  
  
  
    1. a.forward  
      2. 
  
  
  
  
    2. {  
      3. 
  
  
  
  
    3. }  
      4. 
 
 
 
 
     
 
 
 
      
  
  
  
  
    1. Main.js   
      2. 
  
  
  
  
    2.  ///   
      3. 
  
  
  
  
    3.    
      4. 
  
  
  
  
    4.  $(document).ready(function () {  
      5. 
  
  
  
  
    5.    
      6. 
  
  
  
  
    6.      // 使超鏈接支持click事件，方便JavaScript調(diào)用  
      7. 
  
  
  
  
    7.      $('a.forward').click(function () {  
      8. 
  
  
  
  
    8.          location.href = $(this)[0].href;  
      9. 
  
  
  
  
    9.          return false;  
      10. 
  
  
  
  
    10.      });  
      11. 
  
  
  
  
    11.    
      12. 
  
  
  
  
    12.  }); 
      13.

    修改過(guò)后的頁(yè)面源碼如下：

     
 
 
 
      
  
  
  
  
    1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebForm2" %> 
      2. 
  
  
  
  
    2.    
      3. 
  
  
  
  
    3.   
      4. 
  
  
  
  
    4.   
      5. 
  
  
  
  
    5.   
      6. 
  
  
  
  
    6.       
      7. 
  
  
  
  
    7.       
      8. 
  
  
  
  
    8.       
      9. 
  
  
  
  
    9.       
      10. 
  
  
  
  
    10.       
      11. 
  
  
  
  
    11.   
      12. 
  
  
  
  
    12.   
      13. 
  
  
  
  
    13.       
      14. 
  
  
  
  
    14.      
       
      15. 
  
  
  
  
    15.          劍過(guò)不留痕 - 博客園 
      16. 
  
  
  
  
    16.           
      17. 
  
  
  
  
    17.           
      18. 
  
  
  
  
    18.          點(diǎn)擊我，將調(diào)用以上超鏈接的單擊事件 
      19. 
  
  
  
  
    19.      
     
  •       
  •   
  •   

    • 運(yùn)行一下（截圖略），點(diǎn)擊標(biāo)簽，頁(yè)面***跳轉(zhuǎn)，(*^__^*) 嘻嘻

    好了，***來(lái)總結(jié)一下，模擬超鏈接的用戶(hù)單擊事件，我們需要做的就是：

    導(dǎo)入外部CSS文件，Main.css，導(dǎo)入外部JavaScript文件Main.js（必須在導(dǎo)入JQuery文件之后導(dǎo)入）；

    給超鏈接添加CSS類(lèi)“forward”；

    然后3是什么呢？然后想不出來(lái)然后了。

    ***祝大家敲代碼愉快。


    本文名稱(chēng)：jQuery模擬超鏈接的用戶(hù)單擊事件
    當(dāng)前URL：http://www.5511xx.com/article/dhdeocs.html