2015-05-02 2 views
-1
<html> 
<head> 
    <title>JQuery beginning</title> 
</head> 
<body> 
    <script type="type/javascript" src="js/jquery.js"></script> 
    <p onclick="$(this).hide();">Test</p> 
</body> 
</html> 

Это мой html-файл. Я поместил загруженный js-файл в папку js внутри папки, которая содержит указанный выше HTML-файл.

Я получаю Uncaught ReferenceError: $ is not defined, когда я нажимаю «Test» вместо того, чтобы быть скрытым.

+3

Убедитесь, что вы ввели правильный путь. –

+0

am новичок, не могли бы вы указать, как исправить это? – Anonymous

+0

@ShaunakD он работает так же, как https://jsfiddle.net/qmsq3Lqr/ – renakre

ответ

3

Это означает, что jQuery.js не может быть найден в js/jquery.js. Файл должен быть несуществующим или в другом каталоге. Вы должны проверить, действительно ли это называется jQuery.js, а не что-то вроде jquery-2.1.4.min.js. Если вы не можете переместить его в нужное место, рассмотрите возможность использования JQuery CDN:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 

Кроме того, использование встроенного JavaScript является чрезвычайно обескуражен. Вы должны сделать еще один сценарий тег, как это:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("p").click(function() { 
      $(this).hide(); 
     }) 
    }) 
</script> 
+0

с использованием отлично работает. .but я могу открыть файл js с помощью опции источника просмотра .... что было в моем предыдущем коде – Anonymous

+0

@ Анонимный, если вы включили код, который я написал выше, но продолжайте использовать ваш '

2

Вам нужно будет включать jquery.min.js в свой каталог и страницы для реализации функциональности Jquery.

вы можете включить его следующим образом:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 

еще вы можете дать локальный путь для того же, этот путь должен быть конкретным, например:

<script src="~/Scripts/jquery-1.8.2.min.js"></script> 

, а затем реализовать свой код in:

<script type="text/javascript"> 
    $(document).ready(function() { 
     // Your code here 
    }); 
</script> 

Это решит вашу проблему.

0
<html> 
<head> 
    <title>JQuery beginning</title> 
</head> 
<body> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

    <p id="para" onClick="$(this).hide();">Test</p> 
</body> 
</html> 

use this .................... 
Смежные вопросы