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....'); 
      } 
     ); 
    });