2015-09-12 4 views
0

Я нашел это jsfiddle code, и мне это нужно, и я хочу попробовать это в своем php-файле, но это не работает, тогда как это тот же код, я просто скопировал и вставлял и ничего не меняю , но он все равно не работает.Этот код jquery не работает?

Мой код:

<!DOCTYPE html> 
<?php 
?> 
<html> 
<head> 
    <title></title> 
    <script> 
     $("#update").click(function() { 
      $("#counter").html(function(i, val) { 
       return val*1+1 
      }); 
     }); 
    </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script> 
</head> 
<body> 
    <button id="update" type="button">Click Me</button> 
    <div id="counter">10</div> 
<?php 

?> 
</body> 
</html> 

Пожалуйста, покажите мне мою вину. Любая помощь будет оценена!

+0

вы можете изменить jquery.min.jss к jquery.min.js – Satya

+0

добавить функцию Нажмите, чтобы подготовить документ – MACMAN

ответ

0
<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $('#target').click(function() { 
    $('#output').html(function(i, val) { return val*1+1 }); 
}); 
}); 
</script> 
</head> 
<body> 

<button id="target" type="button">Click Me</button> 
<div id="output">10</div> 

</body> 
</html> 
+0

Amazing. Что ты сделал? он работает сейчас. В чем моя вина ? –

+0

Изменения, внесенные в '' to '' и другие '' должен быть после google jquery cdn, и вы должны определить '$ (документ) ' –

+0

Я был изменен, что jss на js, как сказал @Sjon, но не работает. Хорошо, я буду продолжать находить ошибку. Кстати, спасибо Гаурангу. –

3

Вы действительно должны уметь отлаживать это самостоятельно. Откройте консоль javascript и обратите внимание: ReferenceError: $ is not defined. Это означает, что jquery не загружен. Теперь просмотрите URL-адрес, который вы разместили в своем скрипте-src. Почему это заканчивается в .jss? У вас там опечатка.

Если вы исправите это, вы по-прежнему получите ту же ошибку. Зачем? Потому что вы используете jquery, прежде чем включать его. Поэтому поставьте включенную библиотеку jquery до пользовательский код.

Теперь все еще не работает. Зачем? Поскольку вы прикрепляете событие до загрузки DOM; поэтому, когда ваш скрипт обрабатывается, кнопка не существует! Так что посмотреть на http://api.jquery.com/ready/ и вы должны знать, что добавить, обернуть JavaScript внутри $(function() {...}), и вы хорошо идти

+1

, который был настолько точным – guradio

+0

я уже изменить код становится <сценарий SRC = "https: // Аякса .googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js ">, а не jss больше, но все равно не работает. И я попытался загрузить скрипт js 1.4.4, и я поместил его в свой код, как этот , но все равно также не работает. –

1

Может быть, это просто опечатка в jquery.min.jss

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script> 

он должен быть jquery.min.js

Или вы разместили свой javascript перед ссылкой jquery.

Смежные вопросы