Javascript JQuery在回显搜索结果中不起作用
我有这段代码作为搜索结果,但是点击事件不起作用,有什么建议吗Javascript JQuery在回显搜索结果中不起作用,javascript,html,Javascript,Html,我有这段代码作为搜索结果,但是点击事件不起作用,有什么建议吗 <script>function BiologyFunction(){ $("#Biology").click(function(){ $("#squbomain").animate({ height:'242px'}); $("#minus").hide(); $("#menu").hide(); $("#keywords").hide(); $("#home").animate({ left:'178px', top:
<script>function BiologyFunction(){ $("#Biology").click(function(){ $("#squbomain").animate({ height:'242px'}); $("#minus").hide(); $("#menu").hide(); $("#keywords").hide(); $("#home").animate({ left:'178px', top:'71px' }); $("#search").animate({ left:'120px', top:'119px' }); $("#search").show(); $("#plus").show(); $('#searchterm').val('Biology').keyup(); }</script>
<div id="Biology" style='margin: 1px; width: 242px; height: 242px; float: left; background-image: url("squbo/content/images/biologysqubo.png"); background-size: cover;' onclick="BiologyFunction()">
<div style="left: 0px; top: 162px; width: 242px; height: 80px; position: relative; z-index: 3; background-color: rgb(45, 79, 1);">
<div style="left: 20px; top: 20px; width: 202px; height: 40px; line-height: 75%; position: absolute;">
<div style="font-size: 15px; display: inline;">
Biology
</div>
<div style="font-size: 12px; display: inline;">
is the scientific study of Life including its structure, function and evolution
</div>
</div>
</div>
</div>
[代码>功能>功能仿生学功能:[代码>功能>功能仿生学功能:[代码>功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.生物.功能.功能.生物.功能.生物.功能.功能.生物.功能.功能.生物.功能.功能.生物.功能.生物.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.生物.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.功能.生物.功能.功能.功能.功能.功能.功能.功能.();$('#searchterm').val('Biology')).keyup();}
生物
是对生命的科学研究,包括生命的结构、功能和进化
以下是在搜索结果while循环中生成的代码:
elseif ( $result['template'] =="4info" )
{
echo "
<script>function {$result['title']}Function(){ $(\"#{$result['title']}\").click(function(){ $(\"#squbomain\").animate({ height:'242px'}); $(\"#minus\").hide(); $(\"#menu\").hide(); $(\"#keywords\").hide(); $(\"#home\").animate({ left:'178px', top:'71px' }); $(\"#search\").animate({ left:'120px', top:'119px' }); $(\"#search\").show(); $(\"#plus\").show(); $('#searchterm').val('{$result['title']}').keyup(); }</script>
<div id=\"{$result['title']}\" onclick =\"{$result['title']}Function()\" style=\"width:242px; height:242px; float:left; margin:1px; background-image:url('squbo/content/images/{$result['image']}'); background-size:cover;\" >
<div style=\"width:242px; height:80px; position:relative; left:0px; top:162px; z-index:3; background-color:#{$result['color']};\">
<div style=\"width:202px; height:40px; position:absolute; left:20px; top:20px; line-height:75%;\">
<div style=\"display:inline; font-size:15px;\">
{$result['title']}
</div>
<div style=\"display:inline; font-size:12px;\">
{$result['description']}
</div>
</div>
</div>
</div>
";
}
elseif($result['template']==“4info”)
{
回声“
(一名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名$(\“\”搜索\“).show();$(\“\”加\“).show();$('#searchterm').val('{$result['title']}').keyup();}
{$result['title']}
{$result['description']}
";
}
要查看当前代码,请转到此处并搜索生物学:
改变
<script>function {$result['title']}Function(){ $(\"#{$result['title']}\").click(function(){ $(\"#squbomain\").animate({ height:'242px'}); $(\"#minus\").hide(); $(\"#menu\").hide(); $(\"#keywords\").hide(); $(\"#home\").animate({ left:'178px', top:'71px' }); $(\"#search\").animate({ left:'120px', top:'119px' }); $(\"#search\").show(); $(\"#plus\").show(); $('#searchterm').val('{$result['title']}').keyup(); }</script>
[代码>函数<<<代码>函数<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<[结果结果[标题]名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名});$(\“\”搜索\“).show();$(\“\”加\“).show();$('#searchterm').val('{$result['title']}').keyup();}
到
[代码>函数<<<代码>函数<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<[结果结果[标题]名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名名});$(\“\”搜索\“).show();$(\“\”加\“).show();$('#searchterm').val('{$result['title']}')).keyup();})}
您丢失了);}
看到这个:看起来你缺少了一个结束标记
}
这是在搜索结果中生成的代码,而循环:是的……当我把你的代码放在一个语法高亮的地方时,你在整个脚本中缺少了一个结束标记}
。使用firebug(或类似的);并进行多行操作以便于调试
<script>function {$result['title']}Function(){ $(\"#{$result['title']}\").click(function(){ $(\"#squbomain\").animate({ height:'242px'}); $(\"#minus\").hide(); $(\"#menu\").hide(); $(\"#keywords\").hide(); $(\"#home\").animate({ left:'178px', top:'71px' }); $(\"#search\").animate({ left:'120px', top:'119px' }); $(\"#search\").show(); $(\"#plus\").show(); $('#searchterm').val('{$result['title']}').keyup(); });}</script>