2012-05-22 32 views
-2
<li class="resultsTitle left"><span>Total Results&nbsp;</span><span id="totalResults" class="bold">@totals.TotalResults.ToString("N0")</span></li> 
<li class="resultsTitle left"><span>Company Results&nbsp;</span><span id="companyResults" class="bold">@totals.CompanyCount.ToString("N0")</span></li> 

$(document).ready(function() { 
    $("#companyResults").click(function() { 
     alert('hello world'); 
    }); 

    $("#totalResults").click(function() { 
     alert('hello world'); 
    }); 
}); 

我們嘗試了幾件事來捕獲點擊事件。我們做錯了什麼?爲什麼我的span標籤點擊不適用於jQuery?

+0

你捕捉到一些異常?因爲你對我的代碼看的好 – Jorge

+0

你有任何網頁上的JS錯誤? –

+0

調試...嘗試使用螢火蟲或發出警報.... –

回答

2

對我的作品在這裏很好

http://jsfiddle.net/uhgZg/

確認您擁有包含的jQuery在你的頁面佈局正確或者在你看來

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 

,並確認這個代碼是在腳本標籤

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#companyResults").click(function() { 
      alert('hello world'); 
     }); 

     $("#totalResults").click(function() { 
      alert('hello world'); 
     }); 
    }); 
</script> 

代碼大火完全W¯¯母雞這些東西都很到位

0

我給你2個選項我在看到有關這個問題

  • 你的IDS #companyResults#totalResults不是唯一的,這會引起麻煩。如果是這種情況,你可以使用CSS類來選擇元素而不是ID。

  • 您的頁面出現js錯誤,導致點擊事件處理程序無法正常運行。你可以很容易地檢測到這種使用Firebug或Chrome開發者工具

0

兩個建議:

  1. 添加alert(jQuery().jquery);到您的Javascript功能來驗證jQuery是正確加載。如果是的話,你應該會看到一個提示你的jQuery版本號。

  2. 很難判斷這是否可能沒有看到您如何設計標記,但也許您是通過單擊「總結果」而不是您要輸出的粗體值來測試代碼。所寫的Javascript僅在@totals.etc...輸出上註冊點擊處理程序。

相關問題