国家助手不从模板显示

Question

我正在使用bootstrap form helper jquery插件来帮助用户选择一个国家并查看标记。

我有一个包含index.html中所有模板的ember应用程序 当我把所需的HTML

<div class="bfh-selectbox bfh-countries" data-country="RW" data-flags="true"></div>

进入索引文件后，我得到了相应的下拉列表。

当我在模板中放入相同的html时，请说'about'

<script type="text/x-handlebars" data-template-name="about">
<h3>About</h3>
<p>This is a basic application using Ember.js on the client side</p>
<div class="bfh-selectbox bfh-countries" data-country="RW" data-flags="true"></div>
</script>

当我通过点击链接指向index.html#/about时，代码将不会显示。 div显示在控制台中，但样式不显示，它是不可见的。奇怪的是，当我刷新index.html#/about国家选择器显示时。

如何让这个div一直显示？

Answer 1

你应该def和AboutView并将代码添加到didInsertElement钩子

App.AboutView = Ember.View.extend({
    didInsertElement: function(){
        this.$('form select.bfh-countries, span.bfh-countries, div.bfh-countries').each(function () {
          var $countries;
          $countries = $(this);
          if ($countries.hasClass('bfh-selectbox')) {
            $countries.bfhselectbox($countries.data());
          }
          $countries.bfhcountries($countries.data());
        });
    }
});

祝你好运