使引導項成爲引導程序中的可點擊鏈接

我正在嘗試使用引導程序將表中的一行可點擊的網站製作成網站。即，我希望它向我顯示文本（點擊此處查看Stackoverflow），以便當用戶在該表格行中單擊時，它們將指向http://stackoverflow.com。使引導項成爲引導程序中的可點擊鏈接

請注意，我不想讓文本充當超鏈接;這將是微不足道的。我正在嘗試使整個.row元素成爲一個超鏈接。

該代碼只是標準的引導表。

<div class="col-md-3"> 
    <div class="row"> 
     <p>Text here</p> 
    </div> 
    <div class="row"> 
     <p>More text</p> 
    </div> 
</div>

事情我已經嘗試： 我曾嘗試在該行的頂部添加一個透明的圖片，並與定位扯皮後，最終將其設置爲行的背景圖像。現在它沒有出現，即使它確實存在，仍然不會作爲鏈接。

新手自舉，願意嘗試幾乎任何方法。

來源

2015-05-29 ale10ander

你應該讓一個div一個id，你可以在JavaScript中使用類似這個：

<div id='clickme'></div>

那麼你應該導入的JavaScript你要做出這樣的：

<script type='text/JavaScript' src='yourFile.js'></script>

那麼你應該在你的.js文件的方法是在同一個目錄中你的html頁面看起來像這樣：

var myMap = document.getElementById("clickme"); 
 
myMap.onclick = function() { 
 
\t var myVar = window.open("https://www.stackoverflow.com"); 
 
};

我是100％，這將爲你工作。這可以讓你用你製作的div覆蓋你想要的任何區域，如果它內部有任何東西被點擊，它將打開一個帶有stackoverflow的新選項卡。

來源

2015-05-29 22:30:40 dpctrey

我給這是一個嘗試，謝謝！ – ale10ander

確保您將腳本導入到身體的底部。 – dpctrey

這就是上面那行''？ – ale10ander

嘗試使用jQuery函數如下html頁面上

<tbody> 
    <tr class='clickable-row' data-href='url://'> 
     <td>Blah Blah</td> 
     <td>1234567</td> 
     <td>£158,000</td> 
    </tr> 
</tbody>

jQuery函數

jQuery(document).ready(function($) { 
    $(".clickable-row").click(function() { 
     window.document.location = $(this).data("href"); 
    }); 
});

來源

2015-05-29 22:29:00

var rows = document.querySelectorAll('.table .row'); 

[].slice.call(rows).forEach(function (el) { 
    el.onclick = function (e) { 
     window.open(el.dataset.href); 
    }; 
});

https://jsfiddle.net/DTcHh/8298/

來源

2015-05-29 22:39:14

使引導項成爲引導程序中的可點擊鏈接

回答

相關問題