javascript - freemarker 与 javascript 集成

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 时，我想看到“嘿，我是选项 1”当我点击选项 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 字符串 - 使用 ' 或 "(在允许的情况下)。