нужна помощь. о JQuery

  <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,нужна помощь. о JQuery

, но ничего не случилось, когда я нажимаю тег из URL/index.php (требуется header.php)

но работают отлично, когда я surf url/header.php, как получилось?

я положил сценарий в голове

светлячок консоли Ошибка:

Ошибка: $ ("а [отн = всплывающее окно]") является нулевым

Источник файла: http://localhost/

источник

2010-08-26 user259752

небрежно первое, что я вижу, это

Ваш образец кода не работает. Тег неправильно закрыт, и у вас нет тега . У вас есть эти файлы в файлах PHP и не вставляете их здесь? – calvinf

Я получил тег тела на моем index.php, забыл скопировать и тег также без ошибок. firefox error console: Ошибка: $ ("a [rel = popup]") is null – user259752

Вы, вероятно, сделал что-то подобное

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

You должен помещать заголовок в раздел тела!

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

источник

2010-08-26 23:59:48 knagode

моя голова, тело все в header.php, index.php - это только некоторый контент и закрытие тела в footer.php ... это причина ошибки? и index.php требуется header.php> некоторый контент> footer.php – user259752

Попробуйте подтвердить свой HTML: http: // validator.w3.org/#validate_by_input+with_options Все ли в порядке? – knagode

Вы правы, что-то не так в моем html..thanks – user259752

Fix ваш HTML первый - исправьте тег/head (если это было просто копирование/вставка) - начните тег тела после головы - это скорее всего не найдет ваши div, так как они не находятся в документе.

источник

2010-08-26 23:51:09 Andrew

lol.this не копирует/вставляет из моего сценария, мой тег заголовка не имеет ошибки – user259752

вы не забираете id правильно

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

не будет работать .. возможно попробовать:

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

источник

2010-08-26 23:52:11

нужна помощь. о JQuery

ответ

Смежные вопросы