URL可點擊的jQuery

-1

我有一個聯繫數組，與數組網站（對象）我想顯示可點擊的URL格式使用Jquery。URL可點擊的jQuery

for (var i = 0; i < contacts[contactIndex].webAddresses.length; i++) { 

      var contactFieldWebsites = $(document.createElement('span')).attr({ 
       class : 'contactFieldWebsites' 
      }).html(newOrUpdatedOrNone(contacts[contactIndex].webAddresses[i])+ 
        ('href' contacts[contactIndex].webAddresses[i].url) + ' (' 
          + contacts[contactIndex].webAddresses[i].kind + ')'+'<br/>'); 
      contactDiv.append(contactFieldWebsites); 

     }

在這裏，我只是加載的URL，而我希望能夠點擊的網址和重定向我所選擇的網站THX

來源

2013-07-09 user2564928

問題是什麼？ –

我會建議使用attr()方法來更新錨屬性。

 var currentContact = contacts[contactIndex]; 
     for (var i = 0; i < currentContact.webAddresses.length; i++) { 
      var webAddress = currentContact.webAddresses[i]; 
      var contactFieldWebsites = $('<span/>') 
       .addClass('contactFieldWebsites') 
       .text('(' + webAddress.kind + ')'); 
      if (newOrUpdatedOrNone(webAddress)){ 
       var link = $('<a />') 
        .attr({'href': webAddress .url}) 
        .text(webAddress.url) 
        .appendTo(contactFieldWebsites); 
      } 
      contactDiv.append(contactFieldWebsites); 

     }

來源

2013-07-09 14:30:48 Edorka

我試圖得到這個結果：聯繫人姓名接觸@郵件（工作） +33 6 74 73 00 XX（移動） +33 1 45 49 XX OO（工作） google.com（工作） <== URL可點擊誰將加載谷歌頁面 Thx – user2564928

好的，所以只有網址可以點擊。什麼是newOrUpdatedOrNone（）方法？ – Edorka

是的，檢查聯繫人的網站是否已被刪除，新的或什麼都沒有 – user2564928

既然你的jQuery，您可以鏈接點擊事件，在創建您的span元素（我也改變了你如何創建跨度$("<span/>")）：

var contactFieldWebsites = $("<span/>").attr({class : 'contactFieldWebsites'}) 
.html(newOrUpdatedOrNone(contacts[contactIndex].webAddresses[i]) + ('href' contacts[contactIndex].webAddresses[i].url) + ' (' + contacts[contactIndex].webAddresses[i].kind + ')'+'<br/>') 
.click(function() { 
    location.href = "your new href goes here"; 
}); 
contactDiv.append(contactFieldWebsites);

這裏有一個演示放映將可點擊的功能添加到新創建的元素（並添加到容器中）的概念：http://jsfiddle.net/zRLfE/

來源

2013-07-09 14:34:50 tymeJV

我是試圖得到這個結果：聯繫人名稱 google.com（工作）<== URL可點擊誰將加載谷歌頁面 Thx – user2564928

URL可點擊的jQuery

回答

相關問題