gpt4 book ai didi

javascript - 我的 .PHP 文件中的 JQuery 错误

转载 作者:太空宇宙 更新时间:2023-11-03 23:44:13 24 4
gpt4 key购买 nike

我的 html 页面中有一些 javascript,它在 html.DIV 中添加了 8 个 div block ,然后在单击时隐藏这些 block 。

在我的本地 html 文件中(在我的电脑上)它可以工作,但后来我把它的代码放在我的 php 脚本中...

...此代码块显示错误:“Uncaught TypeError: Cannot call method 'slideDown' of null”

JavaScript 代码:

// JavaScript Document

$( document ).ready(function() {
// Handler for .ready() called.
fillMenu();
});

function fillMenu(){
fillButton("About", 1, 1);
fillButton("Www", 2, 2);
fillButton("PCHelp", 2, 3);
fillButton("Contacts", 3, 4);
fillButton("Offices", 3, 5);
}

function fillButton( btnName, lineIndex, btnIndex) {
var html = "";
for(var i = 1; i <=8; i++){
html += "<div class=\"Line" + lineIndex + "\" id=\"L" + btnIndex +"_" + i +"\"></div>";
};
$( "#"+btnName ).prepend(html);

for(var i = 1; i <=8; i++){
$("#L" + btnIndex + "_" + i).fadeTo(0,0.6);
}
}

function hideBtn(btn) {
var minDX = 100;
var curr = minDX;
$("#L" + btn + "_" + 1).fadeTo(curr,0);curr=(curr+minDX);
$("#L" + btn + "_" + 2).fadeTo(curr,0);curr=(curr+minDX);
$("#L" + btn + "_" + 3).fadeTo(curr,0);curr=(curr+minDX);
$("#L" + btn + "_" + 4).fadeTo(curr,0);curr=(curr+minDX);
$("#L" + btn + "_" + 5).fadeTo(curr,0);curr=(curr+minDX);
$("#L" + btn + "_" + 6).fadeTo(curr,0);curr=(curr+minDX);
$("#L" + btn + "_" + 7).fadeTo(curr,0);curr=(curr+minDX);
$("#L" + btn + "_" + 8).fadeTo(curr,0);
}

function showBtn(btn) {
var minDX = 100;
var curr = minDX;
$("#L" + btn + "_" + 8).fadeTo(curr,0.6);curr=(curr+minDX);
$("#L" + btn + "_" + 7).fadeTo(curr,0.6);curr=(curr+minDX);
$("#L" + btn + "_" + 6).fadeTo(curr,0.6);curr=(curr+minDX);
$("#L" + btn + "_" + 5).fadeTo(curr,0.6);curr=(curr+minDX);
$("#L" + btn + "_" + 4).fadeTo(curr,0.6);curr=(curr+minDX);
$("#L" + btn + "_" + 3).fadeTo(curr,0.6);curr=(curr+minDX);
$("#L" + btn + "_" + 2).fadeTo(curr,0.6);curr=(curr+minDX);
$("#L" + btn + "_" + 1).fadeTo(curr,0.6);
}

function BtnAbout() {
$("#ContainerAbout").slideDown( "slow" );
}

function backAbout() {
$("#ContainerAbout").slideUp( "slow" );
}

function BtnWww() {
$("#ContainerWww").slideDown( "slow" );
}

function backWww() {
$("#ContainerWww").slideUp( "slow" );
}

function BtnPCHelp() {
$("#ContainerPCHelp").slideDown( "slow" );
}

function backPCHelp() {
$("#ContainerPCHelp").slideUp( "slow" );
}

function BtnContacts() {
$("#ContainerContacts").slideDown( "slow" );
}

function backContacts() {
$("#ContainerContacts").slideUp( "slow" );
}

function BtnOffices() {
$("#ContainerOffices").slideDown( "slow" );
}

function backOffices() {
$("#ContainerOffices").slideUp( "slow" );
}

我的 HTML 文件:

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>IT-услуги, частный мастер.</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link href="favicon.ico" rel="shortcut icon">
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

<div id="LeftCol">
<div id="About">
<div class="MenuLink"">
<a href="#" target="_self" onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
</div>
</div>
<div id="Www">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
</div>
</div>
<div id="PCHelp">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a> </div>
</div>
</div>
<div id="RightCol">
<div id="Contacts">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
</div>
</div>
<div id="Offices">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
</div>
</div>
</div>

<div id="ContainerAbout">
<div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
</div>
<div class="InfoContainer">
<div id="AboutPhoto" class="Photo"></div>
<div class="TextBox">
<b style="font-size:30px;">Обо мне</b></br>
<p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
</p>
</div>
</div>
</div>
<div id="ContainerWww">
<div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
</div>
<div class="InfoContainer">
<div id="WwwPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
<p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>
<div id="ContainerPCHelp">
<div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
</div>
<div class="InfoContainer">
<div id="PCHelpPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
<p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>
<div id="ContainerContacts">
<div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
</div>
<div class="InfoContainer">
<div id="ContactsPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
<p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>
<div id="ContainerOffices">
<div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
</div>
<div class="InfoContainer">
<div id="OfficesPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
<p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>

和我的 php joomla 模板(看起来一样):

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>
<jdoc:include type="head" />
<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

<div id="LeftCol">
<div id="About">
<div class="MenuLink"">
<a href="#" target="_self" onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
</div>
</div>
<div id="Www">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
</div>
</div>
<div id="PCHelp">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a> </div>
</div>
</div>
<div id="RightCol">
<div id="Contacts">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
</div>
</div>
<div id="Offices">
<div class="MenuLink">
<a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
</div>
</div>
</div>

<div id="ContainerAbout">
<div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
</div>
<div class="InfoContainer">
<div id="AboutPhoto" class="Photo"></div>
<div class="TextBox">
<b style="font-size:30px;">Обо мне</b></br>
<p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
</p>
</div>
</div>
</div>
<div id="ContainerWww">
<div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
</div>
<div class="InfoContainer">
<div id="WwwPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
<p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>
<div id="ContainerPCHelp">
<div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
</div>
<div class="InfoContainer">
<div id="PCHelpPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
<p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>
<div id="ContainerContacts">
<div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
</div>
<div class="InfoContainer">
<div id="ContactsPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
<p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>
<div id="ContainerOffices">
<div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
</div>
<div class="InfoContainer">
<div id="OfficesPhoto" class="Photo"></div>
<div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
<p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
</div>
</div>
</div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>

谁能解决这个问题?添加 https://drive.google.com/file/d/0ByLpYbpPSPSocDJHdFhOOEpOUUU/^html 页面和 joomla 模板的文件。

最佳答案

您缺少分号。

<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>

关于javascript - 我的 .PHP 文件中的 JQuery 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21970966/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com