Question

我在这里有一个奇怪的动作，我正在使用Meteor 0.7（最新版本），我想为我的应用程序创建一个布局，我左边有一个菜单，右边有内容，我希望它是可调整大小，所以我使用了Jquery UI并创建了以下代码。

<template name="layout">
    {{> header }}
    <div class="container">
        <div class="report-tree">
            {{> report_tree }}
        </div>
        <div class="content">
            {{{ yield }}}
        </div>
    </div>
</template>

我也在Meteor Client上创建了这个功能，

   Template.report_tree.rendered = function (){
        console.log("report_tree is rendered")
        $("li.parent_li i").attr('class','glyphicon glyphicon-plus-sign');
        $("li.parent_li ul li").hide();

        $(".report-tree").resizable({
            handles : 'e',
            minWidth: '50',
            maxWidth: '350',
            resize: function (){
                $(".content").width($(this).parent().width() - $(this).width() - 30)
            }

        });

        $("#datepicker").datepicker();

    }

功能还可以，并且reveything工作正常，但是当我点击我的应用程序内的链接时，我可以看到

console.log("report_tree is rendered")

呈现＆amp;日期选择器工作正常，但调用resizable函数并且div不能调整大小，如果我点击刷新按钮然后一切都恢复正常。

我不知道为什么会发生这种情况以及是否需要将我的脚本挂钩到其他事件或什么？

JqueryUI resizable仅在流星上第一次调用

0 个答案: