2013-07-26 197 views
-2

好吧我不能让这个jQuery工作!而且它非常简单!我希望它做的是让#main div在加载时褪色。为什么不jQuery工作?

<!DOCTYPE html> 
<html> 
<head> 

<script type="text/javascript" src="randomizer.js"></script> 

<title> 
<?php 
if (isset($_POST['first']) && isset($_POST['second'])) { 
    echo "Randomized {$_POST['first']}-{$_POST['second']}"; 
} 
else { 
    echo "Randomizer"; 
} 
?> 
</title> 

<link type="text/css" rel="stylesheet" href="randomizer.css" /> 
<script type="text/javascript" src="randomizer.js"></script> 
</head> 
<body> 

<?php 
    if (isset($_POST['first']) && isset($_POST['second'])) { 
     $grabFirst = strip_tags($_POST['first']); 
     $grabSecond = strip_tags($_POST['second']); 
    } 
?> 
<div id="main"> 
<center><form action="randomizer.php" method="post"> 
    <input type="text" name="first" value="<?php if(isset($grabFirst)){ echo htmlspecialchars($grabFirst); } ?>" placeholder="First Number" /><br /> 
    <input type="text" name="second" value="<?php if(isset($grabSecond)){ echo htmlspecialchars($grabSecond); } ?>" placeholder="Second Number" /><br /> 
    <input type="submit" /> 
</form> 

<?php 

    if (isset($_POST['first']) && isset($_POST['second'])) { 
     $grabFirst = strip_tags($_POST['first']); 
     $grabSecond = strip_tags($_POST['second']); 
    } 
    else { 
     print "Please enter two numbers.\n"; 
     die; 
    } 

    if (strlen($grabFirst) < 1 or strlen($grabSecond) < 1) { 
     print "Please make sure you filled out both feilds.\n"; 
     die; 
    } 
    elseif (!is_numeric($grabFirst) && !is_numeric($grabSecond)) { 
     print "Please make sure you entered two valid numbers.\n"; 
     die; 
    } 
    elseif (!is_numeric($grabSecond)) { 
     print "Please make sure you entered two valid numbers.\n"; 
     die; 
    } 
    elseif (!is_numeric($grabFirst)) { 
     print "Please make sure you entered two valid numbers.\n"; 
     die; 
    } 
    else { 
    } 

    $rand = rand($grabFirst, $grabSecond); 

    print "A random number between {$grabFirst} and {$grabSecond} is {$rand}.\n"; 
?></center> 
</div> 
</body> 
</html> 

继承人我的jQuery

$(document).ready(function(){ 
    $('#main').fadeTo('slow', 1); 
}); 

如果有人可以帮助,我会很感激。我一直试图修复它像一个小时,我没有运气。我只是从jQuery开始,没有经验,也许它是一个非常愚蠢的错误,但我不知道。谢谢〜

+5

我不知道你已经包含在任何脚本文件,你引用 – DevZer0

+0

的'jquery'你是什么意思?的 –

+0

可能重复[简单的jQuery脚本无法运行(http://stackoverflow.com/questions/22826850/simple-jquery-script-does-not-work) – sgress454

回答

2

您需要包括jQuery的在你的页面:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
+0

哇哦,我很抱歉。我是新来的jQuery ..谢谢。 –