2014-10-08 3 views
-4

Я не могу найти ошибку в этом коде. Это не ссылка правильно с файлом JQuery. Пожалуйста, помогите. Вот мой HTML-файл:Я не могу связать файл jquery с моим html

<html> 
<head> 
<link rel='stylesheet' type='text/css' href='index.css'> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<!--<script type="text/javascript" src="F:\Rushikesh\Project\Final\index.js"></script>--> 
</head> 
<header>Web Development Tutorial</header> 
    <body>. 
     <div class="formDiv"> 
      <button id="btn1">Submit</button><br /> 
      <p id="panelCnt">You have clicked submit button <span id="Cnt">0</span> times.</p> 
     </div>     
    </body> 
</html> 

И это index.js файл:

$(document).ready(function() { 
     $('#btn1').click(alert("you clicked")); 
}); 
+0

вы не можете использовать локальные EXIST-только-на-ваш-Жёсткий ссылки, как это, особенно если вы загружаете это через веб сервер. И так как этот блок сценария закомментирован, вы на самом деле не привязываетесь ни к чему. –

+3

Вы включили jQuery-UI. Используйте эту ссылку для загрузки jQuery - http://code.jquery.com/jquery-1.11.1.min.js – divyenduz

+1

@MarcB Я считаю, что он ссылается на строку выше этого. –

ответ

0

Вы хотели бы изменить свой код. В HTML-файле вы включили «jquery-ui.js». Пожалуйста, используйте эту ссылку, вместо этого - code.jquery.com/jquery-1.11.1.min.js - divyenduz

Что бы сделать код как это (изменение в 4-й строке кода)

<html> 
<head> 
<link rel='stylesheet' type='text/css' href='index.css'> 
<script type="code.jquery.com/jquery-1.11.1.min.js"></script> 
</head> 
<header>Web Development Tutorial</header> 
    <body>. 
     <div class="formDiv"> 
      <button id="btn1">Submit</button><br /> 
      <p id="panelCnt">You have clicked submit button <span id="Cnt">0</span> times.</p> 
     </div>     
    </body> 
</html> 

index.js файл будет меняться, как, отправляя анонимную функцию, нажмите: -

$(document).ready(function() { 
    $('#btn1').click(function(){ 
     alert("you clicked"); 
    }); 
}); 

Как хорошо, добро пожаловать в StackOverflow сообщества. Пожалуйста, обратитесь к https://stackoverflow.com/help, чтобы узнать, как отвечать на правильные вопросы, чтобы избежать голосов.

Благодаря

Edit: - Проверьте это - http://jsfiddle.net/ для рабочего кода

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