2012-11-12 27 views
0

我希望能夠點擊標籤導航到新頁面,我不想使用鏈接來做到這一點,因爲它必須有一個按鈕的感覺!使用JavaScript/Jquery進行點擊導航的標籤?

HTML:

<label id="+"pagego"+" style="+"text-align:center;"+"font-size:x-large;"+">"+ data[i].ProcessName +"</label> 

我知道這看起來不可思議,但我使用該標籤在爲jQuery的循環用數據填充標籤我從網絡服務中獲得,現在,我怎麼得到要點擊這個標籤,我看到人們在談論window.location.href,甚至幾個人怎麼回事呢$(#pagego)。點擊(函數(){我在這一點,我很新想知道我將如何獲得這個標籤導航到一個新的頁面!謝謝!

使用:cordova1.9/html5/javascript/jquery

+0

_「...因爲它必須有一個按鈕的感覺」_ - 那麼爲什麼你不使用按鈕?請注意,如果你是在一個循環中創造了一系列的標籤與環中,然後你給他們所有相同id屬性這是無效的HTML代碼行。 – nnnnnn

+0

請你能發佈所有證明問題的相關代碼嗎? – andyb

+0

使用鏈接和風格你想要所以任何方式,「感覺就像一個按鈕,」 – charlietfl

回答

1
<label id="+"pagego"+" style="+"text-align:center;"+"font-size:x-large;"+">"+ data[i].ProcessName +"</label> 

注意,你不能有相同的DOM中多個項目的ID。所以我們必須更改代碼,如

<label id="+"pagego"+i+" style="+"text-align:center;"+"font-size:x-large;"+" onclick='redirectme()'>"+ data[i].ProcessName +"</label> 

<script> 
function redirectme() 
{ 
location.href='example.html' 
} 
</script> 
+0

你明白到底是什麼,我需要感謝的快速答覆這個工作只是因爲我想,只有一個變化是我做的,我用了window.location .href!我有一個問題,雖然,有時唱片公司不想當點擊我neeed他們的工作之前,重新加載頁面?任何想法如何發生? – Arrie

1

我建議,首先將你的風格移動到一個css塊。一旦完成,你可以做這樣的事情

CSS:

<style type="text/css"> 
    #pagego { 
     text-align:center; 
     font-size:x-large; 
    } 
</style> 

腳本:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#pagego').value = data[i].ProcessName; 

     $('#pagego').onclick(function(){ 
      // to submit the form: 
      $('#formID').submit(); 

      // to navigate: 
      document.location.href = "new page address"; 
     }); 
    } 
</script> 

和你的HTML:

<input id="pagego"><input>