2016-12-02 62 views
0

我得到如下的url值。問題隱藏生成的href url

<input type='text' value='' name="address" id="address" /> 
<button id='gen'>Generate</button> 
</br></br> 
<a id="mylink" href=''>Download</a> 

$(function(){ 
    $('#gen').click(function(e){ 
     e.preventDefault(); 
     url='http://'+$('#address').val(); 
     $('a#mylink').attr('href', url); 
    }); 
}); 

現在我試圖隱藏HREF的狀態欄這樣

<a id="mylink" href='javascript:void(0)' onclick="location.href='" . $ajax_like_link . "'"> 

的URL,但在第一次之前我生成URL,它的工作原理。但是在我生成url之後,在mouseover上它顯示了帶有值的url 。如何隱藏它。

+0

檢查了這一點https://jsfiddle.net/uhzhbr3m/。你的問題到底是什麼? – Santhucool

回答

2

當您將鼠標移動到其上時,大多數瀏覽器都會查看您的鏈接的href屬性。你可以簡單地將URL存儲在一個JavaScript變量,並使用它,當你點擊如下圖所示:

$(function() { 
 
    var url; 
 

 
    $('#gen').click(function() { 
 
     // save url 
 
     url = 'http://' + $('#address').val(); 
 
    }); 
 

 
    $('#mylink').click(function(e) { 
 
    e.preventDefault(); 
 
    // go to URL 
 
    if (url) 
 
     window.location.href = url; 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" value="" name="address" id="address" /> 
 
<button type="button" id="gen">Generate</button> 
 
<br/> 
 
<br/> 
 
<a id="mylink" href="#">Download</a>

+0

感謝它的工作。 – user3844782