JavaScript in tpl?

JavaScript in tpl?

本文关键字：tpl in JavaScript      更新时间：2023-09-26

我试图在tpl中添加JavaScript代码，但是当我单击按钮时，什么都没有发生。下面是代码:

 <script type="text/javascript">
// Hide optional fields
$("#hide_op").click(function() {
    $("#optional_fields").hide("slow");    
});
// Show optional fields
$("#show_op").click(function() {
    $("#optional_fields").show("slow");    
});
// Switch the a tags...
$("#toggle a").click(function() {
    $("#toggle a").toggle();    
});
</script>

这是JavaScript代码，我想使用下拉额外的项目;但什么都没用。这里是我使用的按钮

 <div id="toggle">
<a id="hide_op" class="formcss1" style="margin-left: 0; display: none;" onclick="return false;" href="#">Hide optional fields</a>
<a id="show_op" class="formcss1" style="margin-left: 0;" onclick="return false;" href="#">Show optional fields</a>
</div>

然后是java的div代码:

<div id="optional_fields" style="display: none;">

忘记添加jQuery。谢谢Bergi提醒我使用jquery

尝试在开始和结束处添加{literal} 

<script type="text/javascript">
{literal}
// Hide optional fields
$("#hide_op").click(function() {
    $("#optional_fields").hide("slow");    
});
// Show optional fields
$("#show_op").click(function() {
    $("#optional_fields").show("slow");    
});
// Switch the a tags...
$("#toggle a").click(function() {
    $("#toggle a").toggle();    
});
{/literal}
</script>
相关文章：