2014-06-17 80 views
0

超鏈接欄點擊功能我有動態表。它的第三列顯示超鏈接records..On點擊超鏈接..它應該重定向到新的窗口需要對動態表

這是我的函數:

function getErrorStatusList() { 
    var serve = JSON.stringify({ program: $("#proselct option:selected").text() }); 
    $.ajax({ 
     type: "POST", 
     url: "UFZillaErrorStatus.aspx/GetErrorStatusList", 
     data: serve, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (response) { 
      $("#result").empty(); 
      obj = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d; 
      var output = "<table id='tblResult'><tr><th>Serial No.</th><th>UFZillaID</th><th>MZillaID</th><th>Status</th></tr>"; 

      for (var x = 0; x < obj.length; x++) { 
       output += "<tr><td>" + (x + 1) + "</td><td>" + obj[x].IssueID + "</td><td>" + obj[x].EMID + "</td><td>" + obj[x].EMStatus + "</td></tr>"; 
      } 
      output += "</table>"; 
      $("#result").append(output); 

     }, 
     error: function() { alert("Server Error!!"); } 

    }); 

如何創建函數來點擊HyperLink數據..我試着給id元素(「EMID」)並創建這樣的函數;

$("#EMID").click(function() { 

    }); 

但這個亙古不變的命中....

任何建議將是有益的

+0

使用事件代表團http://stackoverflow.com/q/1359018/3639582 –

+0

我已經編輯好標題添加以下代碼。請不要包含有關問題標題中使用的語言的信息,除非在沒有它的情況下沒有意義。標籤用於此目的。另請參閱[「應該在其標題中包含」標籤「的問題嗎?」](http://meta.stackoverflow.com/q/19190/193440),其中的共識是「否,他們不應該 – chridam

回答

0

動態元素的情況下,使用ID可以重複創建元素。

試試這個,

$(document).on('click','td:eq(2) a',function(event){ 
    event.preventDefault(); 
    //your function goes here. 
}) 
  • 第三列 - 使用td:eq(2)。並添加a它的超鏈接。

  • 對於動態添加的元素,你需要使用Event Delegation - .on()

0

你可以試試這個

<script type="text/javascript"> 
jQuery(document).ready(function() { 
     jQuery("#EMID").click(function() { 

     //your function. 

     return false; 
     }); 
     jQuery("#EMID").trigger("click"); 
}); 
</script> 
0

1.如果你的 'EMID' 始終是一個超鏈接,將您的for循環更改爲:

for (var x = 0; x < obj.length; x++) { 
    output += '<tr><td>' + (x + 1) + '</td><td>' + obj[x].IssueID + '</td><td><a class="fun-link" href="#">' + obj[x].EMID + '</a></td><td>' + obj[x].EMStatus + '</td></tr>'; 
} 

看到區別?

2.然後你可以在你<head>

$(document).on('click', '.fun-link', function(event) { 
    event.preventDefault(); 
/* Act on the event */ 
});