Question

我有一个jquery插件，可以创建以下html

<div class="panel-heading">
  <h4 class="">
    <a data-toggle="collapse" href="#collapse2" class="collapsible-title display-inline full-width bold">Select Gigs</a>
  </h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
  <div class="panel-body">
    <div class="row">
      <div class="col-xs-12">
        <input type="text" class="input-text-field margin-medium-bottom" placeholder="Search" />
      </div>
    </div>
...... and some other divs here .....

点击其上方的collapse2时，我想切换ID为<a></a>的div。如果我在hbs文件中添加html，它可以正常工作。但是当我在jquery中创建上面的html并按如下方式插入DOM时，它将url更改为domain/#collapse2

    _initializeAutoComplete: function () {
        Ember.$('#' + this.get('divId')).setAutocomplete({
            data: this.get('dataTree'),
            multiSelect: true,
            selectingType: 3
        });

    }.on('didInsertElement')
});

如果没有ember将href更改为url，我怎样才能进行切换工作？感谢任何帮助。

Answer 1

将bootstrap属性移动到上面的div（或h4或根据需要创建新的）

<div class="panel-heading" data-toggle="collapse" href="#collapse2" class="collapsible-title display-inline full-width bold">
  <h4 class="">
    <a href="#">Select Gigs</a>
  </h4>
</div>

Bootstrap数据切换不适用于ember组件

1 个答案: