与javascript集成的freemarker

Question

<ul id="option5" class="abc">

<#list (optionsSelected)! as options>
<li class=" ${options_index+1}">
   <a href ="${options_url}">
          ${options_description}
   </a>
</li>
</#list>
</ul>


<a href="${content_url}" onClick="abc()"; return false;">


<script>
function abc(){

    $('.nav_header li').click(function () {
           var blah = $(this).children().attr('href');
                etc
                etc ....
                return false;
       }).filter(':first').click();

    }

</script>

我的输出看起来像上面的代码：

选项1选项2选项3选项4选项5

当我单击选项1时，我想看到“嘿，我是option1”。当我单击选项1时，我想看到“嘿，我是第二个选项”。当我单击选项1时，我想看到“嘿，我是3英寸，等等，而无需重新加载页面。

我想知道如何在freemarkeR中获得这种行为？我有我的js代码，但是如何将其放入freemarkeR？我找不到与freemarker集成的javascript的好示例。我对freemarker很陌生，

Answer 1

这并不是真正的 freemarker 问题，JS 并不关心你的服务器端技术。

我会做类似的事情：

   <a href ="${options_url}" onClick="alert('${options_description}'); return false;">
          ${options_description}
   </a>

因此，如您所见，棘手的部分只是将您的 freemarker 变量作为正确的 JS 字符串 - 使用'or "（在允许的情况下）。