JQuery .click not firing

Question

Попытка узнать JQuery здесь, я начинаю очень просто.

Когда я нажимаю кнопку, страница перезагружается и ничего не происходит.

Heres мои JS:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script> 

<script type="text/javascript" charset="utf-8"> 
    $("#submitShout").click(function() { 
    alert('hi'); 
    }); 

    </script> 

Вот мой HTML:

<div class="panel right"> 
<form name="shout" > 
<textarea name="text" id="text" class="ribbitText"></textarea> 
<input type="submit" id="submitShout" value="Ribbit!"> 
</form> 
</div> 

Answer 1

Просто попробуйте это,

$("#submitShout").on("click", function() { 
    alert('hi'); 
}); 

Если она ниже версии Jquery, попробуйте это.

$("#submitShout").live("click", function() { 
     alert('hi'); 
}); 

Answer 2

я думаю, что вы забыли document.ready ..

$(function() { //<--- here..the codes below is called whn document is ready 
    $("#submitShout").click(function() { 
     alert('hi'); 
    }); 
}); 

Answer 3

Убедитесь, что Вы JQuery ссылка, и вы код окруженное

$(function(){ 

}); 

в

$(function() { 
    $("#submitShout").click(function() { 
     alert('hi'); 
    }); 
}); 

или клик привязан в конце документа ument

Answer 4

JQuery 1.9 версии

$(function(){ 
    $("#submitShout").on('click',function(){ 
     //your code 
     }); 
}); 

JQuery версии ниже 1.9

$(function(){ 
    $("#submitShout").live('click',function(){ 
      //your code 
      }); 
}); 

Answer 5

это действительно старая версия JQuery, обновить его на что-то новее:

https://developers.google.com/speed/libraries/devguide#jquery

Answer 6

Я думаю, либо вам не хватает doc ready обработчик или jQuery lib:

первый попробовать при этом:

$(function(){ 
    $("#submitShout").click(function() { 
     alert('hi'); 
     }); 
    }); 

этот один:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(function(){ 
    $("#submitShout").click(function() { 
     alert('hi'); 
     }); 
    }); 
</script> 

Answer 7

1. убедитесь, что Jquery загружается
2. использовать последнюю версию JQuery библиотеки
3. проверки консоли ошибок (с помощью инструментов разработчика Chrome или поджигатель для светлячок
4. попробуйте изменить Jquery к

код:

$(function(){ 
    $("#submitShout").click(function(e) { 
     e.preventDefault(); 
     alert('hi'); 
     return false; 
    }); 
}); 

Answer 8

Попробуйте

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script> 

    <script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     $("#submitShout").click(function(event) { 
     alert('hi'); 
     event.preventDefault(); 
     }); 
    }); 
     </script>