Twitter引导崩溃，收音机内部标题

Question

如何在展开标题中放置单选按钮？

请参阅http://jsfiddle.net/dhamaso/LMDMN/3/

<div class="accordion" id="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
          <label class="radio">
              <input type="radio" name="address" value="addres_1" id="address_1"/>
                  Shipping Address 1
          </label>
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche 1...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
        <label class="radio">
              <input type="radio" name="address" value="addres_2" id="address_2"/>
                  Shipping Address 2
          </label>
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche 2...
      </div>
    </div>
  </div>
</div>

如果您看到该复选框，则单击它时不会触发选中的事件。我怎么能这样做？

Answer 1

使用Bootstrap折叠功能的东西正在干扰单选按钮。这是一种方法。

$('#accordion').on('shown', function () {
    $('#accordion .in').parent().find('input[name=address]').prop('checked',true);
});

http://jsfiddle.net/LMDMN/5/

我在新内容为shown后应用支票，否则无效。

如果此解决方案不适合您，可能有办法手动执行此操作。