0

我的 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 中的脚本永远不会被调用。

我试图提醒一些事情而不是调用我的脚本 - 那行得通。任何帮助将不胜感激!

4

4 回答 4

3

我认为您有两个加载了不同版本的 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() .. 要么删除其中一个

于 2013-04-19T11:56:57.723 回答
1

这里函数名不同

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

 function loginNow(){ // but declaring loginNow()
于 2013-04-19T11:52:47.180 回答
0

不要使用onlick="". 由于您使用的是 jQuery,因此将事件挂钩到您的输入元素:

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

最终给按钮 anid或 aname并将其用作 jQuery 中的选择器。

于 2013-04-19T11:58:38.237 回答
0

您的 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");
    });
}

检查随附的部分 - 不同的函数名称;)

于 2013-04-19T11:53:07.650 回答