Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在助手函数中设置dom元素属性?_Jquery_Templates_Handlebars.js - Fatal编程技术网

Jquery 在助手函数中设置dom元素属性?

Jquery 在助手函数中设置dom元素属性?,jquery,templates,handlebars.js,Jquery,Templates,Handlebars.js,我是新手,我希望我的模板根据上下文隐藏和显示元素 $( document ).ready( function() { var data = { LoginHeader_Label : "", Token1 : { Token1_Label : "User Login", Token1_Visibility : false, Token1_Required : true },

我是新手,我希望我的模板根据上下文隐藏和显示元素

$( document ).ready( function() {
var data = { 
        LoginHeader_Label : "",
        Token1 : {
            Token1_Label : "User Login",
            Token1_Visibility : false,
            Token1_Required : true
        },

        Token2_Label : "Password",
        Login_Button : "Login",
        Clear_Button : "Clear"
};

Handlebars.registerHelper('i18n', function(obj) {
    if( ! obj.Token1_Visibility ) { 
        $('.Token1').hide();
    }

    return obj.Token1_Label;
});

var source = $("#user-template").html(); 
var template = Handlebars.compile(source); 

$('body').append(template(data));

  });
Html

<div class="component" id="UserLogin">
            <form name="userLoginForm" data-hideRequiredIndicator="true">
                <div class="container boldLabel">   
                    <div class="userLoginForm"> 

                        <div class="loginForm" id="loginTitle">
                            <label><bd>{{LoginHeader_Label}}</bdi></label>
                        </div>

                        <div class="loginForm">
                            <div class="cell Token1">
                                <label for="txtToken1"><bdi>{{i18n Token1 }}</bdi></label>
                            </div>
                            <div class="cell Token1">
                                <input type="text" id="txtToken1" name="token1" class="focusOnTab" />
                            </div>
                        </div>

                        <div class="loginForm">
                            <div class="cell Token2">
                                <label for="txtToken2"><bdi>{{Token2_Label}}</bdi></label>
                            </div>
                            <div class="cell Token2">
                                <input type="password" id="txtToken2" name="token2" class="focusOnTab" />
                            </div>
                            <div class="cell">
                                <input type="hidden" name="loginForm" value="true" />
                            </div>
                        </div>

                        <div class="loginForm serviceErrMsgContainer">
                            <div class="cell"></div>
                        </div>

                        <div class="loginForm">
                            <div class="cell">&nbsp;</div>
                            <div class="cell buttonRow">
                                <span class="Login">
                                    <button type="button" class="login focusOnTab"><bdi>{{Login_Button}}</bdi></button>
                                </span>
                                <span class="Clear">
                                    <button type="button" class="clear focusOnTab"><bdi>{{Clear_Button}}</bdi></button>
                                </span>
                            </div>
                        </div>
                    </div>      
                </div>
            </form>
        </div>

{{LoginHeader_Label}}
{{i18n令牌1}
{{Token2_Label}}
{{Login_Button}}
{{清除按钮}

我有一个对象,每个把手表达式都有一个嵌入对象。因此,我从对象设置标签,如果可见性为false,则隐藏标签,但它似乎没有隐藏元素?这可以用把手来完成吗?

你不能通过助手以任何理智的方式完成你想做的事情。jQuery的东西想处理DOM节点,但当Handlebar处理模板时,一切都只是一堆字符串。@muistooshort我有点明白了。谢谢你的回复