2015-11-05 3 views
0

У меня есть простой код, который использует JQuery.jQuery click not work

Когда я нажимаю текст данного (grjvtrjv) Я хочу, чтобы это изменить на другой текст (sdfds в данном случае)

Но он не работает. Пожалуйста помоги.

<html> 
 
<head> 
 
</head> 
 
<body> 
 
\t <p class="fg">grjvtrjv</p> 
 
</body> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script> 
 
$(".fg").click(function(){ 
 
\t $(".fg").html("sdfds"); 
 
} 
 
</script> 
 
</html>

Примечание: не PHP используется, но расширение файла является .php

+1

я не вижу каких-либо PHP. у вас также есть простая синтаксическая ошибка - проверьте консоль. –

ответ

2

Функция click не была написана правильно. Ваш отсутствующий ) после окончательного }. Я также добавил бы его в функцию готовности документа.

<html> 
 
<head> 
 
</head> 
 
<body> 
 
\t <p class="fg">grjvtrjv</p> 
 
</body> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
    $(document).ready(function(){ 
 
     $(".fg").click(function(){ 
 
      $(".fg").html("sdfds"); 
 
     }); 
 
    }); 
 
</script> 
 
</html>

0

попробовать это вместо

<html> 
 
\t <body> 
 
\t \t <p class="fg">grjvtrjv</p> 
 
\t </body> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
\t <script> 
 
\t \t $(document).on("click",".fg",function(){ 
 
\t \t \t $(this).html("sdfds"); 
 
\t \t }); 
 
\t </script> 
 
</html>

+0

более простой '$ (". Fg "). On (" click ", function() {$ (this) .html (" sdfds ");});' –

+0

Да. Кстати, в чем проблема в моем коде? –

+0

@SimoneNigro simple не означает, что более быстрый или более читаемый – stackoverfloweth