jQuery確認鏈接點擊

我試圖確保用戶想要從數據庫中刪除條目。我寧願停止初始函數中的動作，也不願意在刪除函數中執行它，因爲這樣做更有意義。無論如何，網站會不斷跳過確認對話框，然後繼續刪除條目。我不確定它是否只是一個語法錯誤，但我不明白爲什麼我的jQuery沒有跳閘。jQuery確認鏈接點擊

<script type="text/javascript" src="jquery-1.10.2.min.js" ></script> 
<script> 
$(document).ready(function(){ 
    ('a.confirm').click(function(event){ 
     event.preventDefault(); 
     var url = $(this).attr('href') ; 
     var confirm_box = confirm("Are you sure you want to delete this player?"); 
     if(confirm_box){ 
      window.location = url; 
     } 
    }); 
}); 
</script> 
<?php 
function roster_table() 
{ 
    try{ 
     if(isset($_SESSION['session_id']) ) 
     { 
      $db = honneyconnect() ; // db connection established 
      if(mysqli_connect_error()) 
      { 
      throw new Exception("Could not connect to the database") ; 
     } 
     $query = 'select * from roster' ; 
     $players = $db->query($query) ; 
     if(!$players ) 
     { 
      throw new Exception ("Query returned zero results") ; 
     } 
     else 
     { 
      $number_of_players = $players->num_rows ; 
      echo "<div id='player_table'> 
      <table><th>Hells Canyon Honeys Active Skaters</th>" ; 
      for($i = 0; $i < $number_of_players; $i++) 
      { 
       $row = $players->fetch_row() ; 
       echo "<tr><td>".$row[0]."</td><td>".$row[1]."</td><td>".$row[2]."</td> 
       <td><a href='http://localhost/honeysproject/editplayer.php?player_id=".$row[0]."'>Edit</a></td> 
       <td><a class='confirm' href='http://localhost/honeysproject/deleteplayer.php?player_id=".$row[0]."'>Delete</a></td></tr>" ; 
      } 
      echo "<tr><td><a href='http://localhost/honeysproject/playerinfoentry.php'>Add Player</a></td></tr></table></div>" ; 
     } 
    } 
    else 
    { 
     throw new Exception("You are no longer authorized to view this document. Please re-authenticate!<br>") ; 
     session_destroy() ; 
    } 
    } 
    catch(Exception $error) 
    { 
     echo $error ; 
    } 

}

來源

2014-02-05 NoobWebDev

應該'（'a.confirm'）。'不是'$（'a.confirm'）。'？而你缺少''}}'for your document.ready – putvande

PHP在這裏是無關緊要的。改爲發佈您的呈現HTML。 – j08691

你通過(a.confirm).click(...)選擇元素時缺少$。

修復這樣的：

$('a.confirm').click(function(event){ 
    //... 
});

此外，還可以通過只使用簡化您的整個腳本：

$(document).ready(function(){ 
    $('a.confirm').click(function(event){ 
     return confirm("Are you sure you want to delete this player?"); 
    }); 
});

基於返回值（true或false）重定向將被處理自動。

來源

2014-02-05 15:21:16 dersvenhesse

變化('a.confirm').click(function(event){

到$('a.confirm').click(function(event){

來源

2014-02-05 15:20:34

爲了增加這個答案，@NoobWebDev，你可以簡化你的代碼。看到這個解決方案：http://stackoverflow.com/a/9044823/482115 – degenerate

-1

您在選擇器（'a.confirm'）中缺少$。關於確認對話框this可能應該對你有幫助

來源

2014-02-05 15:21:31

瀏覽器確認框有什麼問題？ – putvande

沒有問題，在上面的代碼中使用了錯誤的選擇器 –

$缺少代碼，應該使用$（'a.confirm'）代替（'a.confirm'） –

jQuery確認鏈接點擊

回答

相關問題