Question

            <script type="text/javascript">
        $(document).ready(function() {  

            //select all the a tag with name equal to modal
            $('a[rel=popup]').click(function(e) {
                //Cancel the link behavior
                e.preventDefault();

                //Get the A tag
                var id = $(this).attr('href');

                //Get the screen height and width
                var maskHeight = $(document).height();
                var maskWidth = $(window).width();

                //Set heigth and width to mask to fill up the whole screen
                $('#mask').css({'width':maskWidth,'height':maskHeight});

                //transition effect     
                $('#mask').fadeTo("slow",0);    

                //Get the window height and width
                var winH = $(window).height();
                var winW = $(window).width();

                //Set the popup window to center
            $(id).css('top', $(this).height() + $(this).offset().top + 5);

                //transition effect
                $(id).fadeIn(1000); 

            });

            //if close button is clicked
            $('.window .close').click(function (e) {
                //Cancel the link behavior
                e.preventDefault();

                $('#mask').hide();
                $('.window').hide();
            });     

            //if mask is clicked
            $('#mask').click(function () {
                $(this).hide();
                $('.window').hide();
            });         

        });
            </script>
</head><body>
      <div id="subNav">
        <div id="status">

            <a href="#loginPanel" rel="popup">Login</a>
            <div id="loginPanel" class="window">
              <a class="close" href="#close"></a>
              Login Form
            </div> 

            <a href="#registerPanel" rel="popup">Register</a>
            <div id="registerPanel" class="window">
            <a class="close" href=""></a>
              Register Form
            </div>

        </div>
      </div>

上面的

脚本我把它放在header.php，

但是当我从url / index.php（需要header.php）点击一个标签时没有任何事情发生

但是当我上网url / header.php时工作非常好，怎么回事？

我把脚本放在头上

firefox错误控制台：

错误：$（“a [rel = popup]”）为空

源文件：http://localhost/

Answer 1

首先修复您的HTML - 修复/ head标签（如果这只是复制/粘贴） - 在头部后面开始你的身体标记 - 它可能没有找到你的div，因为它们不在文档中。

Answer 2

您没有正确获取id

var id = $(this).attr('href');
...
$(id).fadeIn(1000);

不会起作用..也许试试：

var id = this;
...
$(id).fadeIn(1000);

Answer 3

你可能做过类似的事情

<html>
<head>
<?php require("header.php") ?>
</head>
<body>
</body>

你应该把标题放在正文部分！

<html>
<head>
</head>
<body>
<?php require("header.php") ?>
</body>

需要一些帮助。关于jquery

3 个答案:

需要一些帮助 。关于jquery

3 个答案:

需要一些帮助。关于jquery