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

当你打电话给jquery时，你的dom还没准备好。将您的代码更改为

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

Answer 2

对于像警报一样简单的事情，您可以尝试这样的事情：

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

不需要jQuery。