JQuery работает с консоли Firebug, но не при загрузке страницы - PullRequest
Новая
       2

JQuery работает с консоли Firebug, но не при загрузке страницы

4 голосов
/ 08 октября 2010

Я очень плохо знаком с jQuery и javascript в целом, так что, возможно, я кое-что пропустил.

У меня есть html-страница со ссылкой на последнюю версию jQuery в голове ...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Но любой код jQuery, который я пытаюсь выполнить где угодно ... в заголовке или в отдельном файле .js, не будет запускаться при загрузке страницы.Однако нормальный javascript делает.

Firebug подтверждает, что библиотека jQuery загружена, когда я нажимаю Script или Dom ... консоль даже примет и запустит мой код jQuery без проблем.

Вотhtml ... да, это html5, и он отлично работает во всех браузерах, кроме Opera и IE. 

<!DOCTYPE HTML>
<html>
    <head>
        <title>Produkshunator</title>   

        <link rel="stylesheet" type="text/css" href="styles/layout.css" />
        <link rel="stylesheet" type="text/css" href="styles/skins.css" />
        <link rel="stylesheet" type="text/css" href="styles/formlayout.css" />  
        <link rel="stylesheet" type="text/css" href="styles/index.css" />

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
        <script type="text/javascript" src="scripts/json2.min.js"></script>
        <script type="text/javascript" src="index4.js"></script>

    </head>

    <body class="vbox flex">

      <!-- header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

        <header class="hbox">
            <div class="hbox flex" style="padding-top: 5px;">
                <img src="icons/Produkshunator.png" style="height:60px;width:490px;"/>
            </div>
            <div id="login_status" style="width:150px;"></div>  
        </header>

      <!-- body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

        <div class="flex hbox">



<!-- Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->              

                <section class="vbox right" style="width:400px; padding:0; overflow: visible;">

    <!-- Login Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

                <form class="flex sleek"
                      name="login"
                      id="login">

                    <h2 class="r">Login</h2>

                    <div>   
                        <label>Email:</label>
                        <input type="email" name="email"/>
                     </div>
                     <div>
                        <label>Password:</label>
                        <input type="password" name="password"/>
                     </div>
                     <div>                       
                         <input type="button" value="Submit" class="form_butt" />
                     </div>
                     <p><i id="log_error" class="error"></i></p>    
                </form>


    <!-- Registration Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->   

                <form class="sleek flex"
                      name="register"
                      id="register">
                    <h2 class="r">Register</h2>

                      <div>
                         <label>First Name:</label>
                         <input type="text" required="flag" name="firstname"/>
                      </div>
                      <div>
                         <label>Last Name:</label>
                         <input type="text" required="flag" name="lastname"/>
                      </div>
                      <div>
                         <label>Email:</label>
                         <input type="email" required="flag" name="email"/>
                      </div>
                      <div>   
                         <label>Password:</label>
                         <input type="password" required="flag" name="password"/>
                      </div>
                      <div>   
                         <label>Retype Password:</label>
                         <input type="password" required="flag" name="password2"/>
                      </div>
                      <div>
                          <input type="button" value="Submit" class="form_butt" />
                      </div>        
                      <p id="reg_error" class="error"></p>  
                </form>

            </section>

        </div> 

    </body> 
</html>

Есть ли что-то, что мне нужно знать, чего нет в руководствах?

1 Ответ

3 голосов
/ 08 октября 2010

Попробуйте ввести свой код внутрь 

$(document).ready(function(){    
    // Your code goes here    
});
...