2015-11-15 5 views
-1

В моем коде все в порядке, но jQuery вообще не влияет на код. У меня есть ascss.css и другие файлы, которые я должен включать в себя, и все они работают, но эта анимация (fadeIn) неjQuery не запускается

<head> 
<script src="jquery-1.11.1.min.js"></script> 
<script type="text/javascript"> 
$document.ready(function(){//this code does not run 
    $(".btn").submit(function(){ 
     $(".find").fadeIn(3000);   
     }); 

    }); 
</script> 
</head>  
<body> 
<form id="form1" name="form1" method="post" action="searchFile.php"> 
<table> 
    <tr><br> 
    <td >id :</td> 
    <td><input name="id" type="text" maxlength="40" /></td> 
    </tr> 
    <tr> 
    <td colspan="2" align="center"> 
    <input name="search" type="submit" value="search" class="btn"/></td> 
    </tr> 
</table> 
</form> 

<?php 
if(isset($_POST['id']) and !empty($_POST['id']) and strlen($_POST['id'])==10) 
{ 
    require_once("staticfileread.php"); 
    $s=staticfileread::search($_POST['id']); 
    echo "<br><br><div class='find'>$s</div>"; 
} 
?> 
</body> 
</html> 
+0

ОК спасибо Я сделал то, что у сейчас сказать, что я должен сделать, чтобы это деление с появляться на Представление – naziye

ответ

0
$document.ready(function() { 
// Should be: 
$(document).ready(function() { 

Когда что сказано; Вы можете сократить функцию .ready вниз:

jQuery(function($) { 
    // Same as $(document).ready(function() {}); 
}); 

Кроме того, обратите внимание, что вы правильно хотите изменить:

$(".btn").submit(function() { ... 
// Buttons doesn't emit a submit event, but forms do: 
$("#form1").submit(function() { ... 
+0

Вы можете сократить функцию 'ready()' до простого '$ (/ * code here * /);' https://api.jquery.com/ready/ –

+0

@ Джонатан. Я знаю, я просто проскочил в способ убедиться, что '' 'относится к' jQuery' – andlrc

1

Первое: $document это необъявленная, так что вы будете бросать ссылочный ошибку.

$document.ready(someFunction) должно быть $(document).ready(someFunction), или короткая рука: $(someFunction).

Второе: Отправить события пожар формы не отправлять кнопки.

В-третьих: Даже если обработчик событий был вызван, вполне возможно, что форма завершит отправку и будет загружена новая страница, прежде чем содержимое, которое вы затухали, появилось.

Четвертое: Вы только показать $(".find")после новая страница загружена в любом случае, и это, кажется, по умолчанию отображается так что нет ничего для того, чтобы исчезнуть в с.

+0

ok спасибо, что я сделал то, что вы сказали сейчас, что я должен делать, чтобы этот div появляется по представлению – naziye

0

Есть две проблемы с вашим кодом:

  1. $document должен быть $(document)

  2. submit() слушатель может быть связан только с <form> элементов. Он должен быть $("#form1").submit().

0

в коде код JQuery нужно начинать как

$(document).ready(function() { 
    // need to write your code here 
}); 

проверить его один раз ..

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