jquery - jTemplates 转义 {$

Question

jTemplates 有没有办法逃脱 {$，所以我可以在我的 onBlur 中使用内联 javascript

<a href="http://www.telegraaf.nl" onclick="if ( a ) {$('#something').css    ('display','none');alert('some msg');}">telegraaf</a>

在 processTemplate 之后得到这个：

<a onclick="if ( a ) " href="http://www.telegraaf.nl">

谢谢， 亨克

Answer 1

jTemplates 有一个 {#literal} ... {#/literal} 标签，可以防止你的花括号受到影响。

<a href="http://www.telegraaf.nl" onclick="{#literal}if ( a ) {$('#something').css    ('display','none');alert('some msg');}{#/literal}">telegraaf</a>

Answer 2

实际上，在我看来，我认为最好不显眼地附加事件：

$(function () {
    $(".alink").click(function () {
        //if ( a ) {
            $('#something').css('display','none');
            alert('some msg');
        //}   
    });
});

<a class="alink" href="http://www.telegraaf.nl">

Answer 3

如果您使用的是 jQuery，那么 $ 本质上只是说 jQuery(expression) 的快捷方式，因此在您的情况下，您可以使用：

<a href="http://www.telegraaf.nl" onclick="if ( a ) {jQuery('#something').css    ('display','none');alert('some msg');}">telegraaf</a>

您可以在http://docs.jquery.com/%24阅读选择器快捷方式

Answer 4

如果您不想将 JS 移动到单独的部分或外部文件，那么您始终可以使用jQuery“关键字”而不是$

<a href="http://www.telegraaf.nl" onclick="if( a ) {jQuery('#something').css('display','none');alert('some msg');}">telegraaf</a>

这种方式$不会被解释为模板变量。

Answer 5

var test = function(el) {
   if ( a ) {
      $('#something').css('display','none');
      alert('some msg');
    }   
});

<a onclick="test(this);" href="http://www.telegraaf.nl">