jQuery開發的簡單彈出工作不因某種原因

Question

只是試圖讓這個工作：

<script> 

     $("#coming_soon").click(function() 
      { 
      alert('Coming soon....'); 
      } 
     ); 
    </script> 
<div class="header"> 
    <div class="populisto_logo"> 
    <div><%= link_to(image_tag('populisto_logo_for_web1.png', :alt => t('application.title')), root_path) %></div> 

    <div class="top_bar"> 
     <div id = "menu"> 
     <ul id = "static_pages"> 
      <li><%= link_to "Create Contacts", reviews_path %></li> 
      <li><%= link_to "Your Address Book", resource_home_path(current_resource) %></li> 
      <li><a href="#" id="coming_soon">Invite Others</a></li> 
      <li><%= link_to "About Us",about_us_path %></li> 
     </ul> 
     </div> 
     </div> 

任何想法？我點擊「邀請他人」按鈕，什麼也沒有發生......

Answer 1

對於作爲警告簡單的東西你可以只是嘗試這樣的事：

<a href="javascript:alert('Coming soon....');" id="coming_soon">Invite Others</a> 

無需jQuery的。

Answer 2

當你打電話給jquery時，你的dom還沒準備好。更改您的代碼

$(function(){ 
    $("#coming_soon").click(function() 
      { 
      alert('Coming soon....'); 
      } 
     ); 
    });