簡體   English   中英

jQuery .load()函數阻止我調用HTML文件中的腳本

[英]jQuery .load() function stops me from calling a script in HTML-file

我的login.html文件:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="lv">
<head>
<?php require_once 'inc/metahead.php'; ?>
<title>Logg inn</title>
<script type="text/javascript"      src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">
</script>
<script type="text/Javascript" src="functions.js">
</script> 

</head>
<body>
    <div id="content">
        <center>
            <form>
                <label for="epost"></label> <input type="text"   name="epost" id="epost"
                    placeholder="Epost/Bruker" /></br> </br> <label
                    for="passord"></label> <input type="password"   name="passord" id="passord"
                    placeholder="Passord" /></br> </br> <input
                    type="button" onclick="login()" value="Logg inn">
            </form>
            <br /> <a href="forgot_pass.php">Glemt passord?</a>
        </center>
    </div>
</body>
</html>

這段代碼來自我的header.php文件:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
function loginNow(){
    $(document).ready(function() {
         $("#content").load("login.html");
    });
}
</script>

如果我直接進入login.html-它將調用該函數而不會出現問題。 但是,如果我瀏覽索引文件並單擊“ Logg inn”,則上面的腳本運行,login.html中的腳本永遠不會被調用。

我試圖提醒一些問題,而不是調用我的腳本-可行。 任何幫助將不勝感激!

我認為你有兩個加載了不同版本的jquery文件正在創建沖突

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

在login.html中

而另一個是

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

在header.php中

因此您可以使用noConflict()或刪除其中之一

函數名稱在這里不同

 onclick="login()" // you are calling login()

 function loginNow(){ // but declaring loginNow()

您的HTML代碼:...

<input type="password"   name="passord" id="passord"
                    placeholder="Passord" /></br> </br> <input
                    type="button" **onclick="login()"** value="Logg inn">

...

您的Javascript代碼:

function **loginNow()**{
    $(document).ready(function() {
         $("#content").load("login.html");
    });
}

檢查附件-不同的功能名稱;)

不要使用onlick="" 由於您使用的是jQuery,因此將事件掛接到您的輸入元素上:

 $(document).ready(function(){
     $('input[type=button]').click(loginNow);
 });

最終為按鈕提供一個idname並將其用作jQuery中的選擇器。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM