Question

我的代码中的一切都很好，但jQuery根本不会影响代码。我有ascss.css和我包含的其他文件，但所有这些文件都有效，但此动画(fadeIn)没有

<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>

Answer 1

首先：$document未声明，因此您将引发参考错误。

$document.ready(someFunction)应为$(document).ready(someFunction)，或简称为$(someFunction)。

第二：在表单上提交事件不提交按钮。

第三：即使调用了事件处理程序，表单完全有可能在您淡出的内容出现之前完成提交和新的页面加载。

第四：你只在之后显示$(".find") ，无论如何加载了新页面，默认情况下它似乎是可见的，因此没有任何内容可以从中淡入。

Answer 2

$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() { ...

Answer 3

您的代码存在两个问题：

$document应为$(document)
submit()侦听器只能绑定到<form>个元素。它应该是$("#form1").submit()。

Answer 4

在您的代码中，jquery代码需要像

一样启动

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

检查一次..

jQuery不运行

4 个答案: