Question

使用jQuery Mobile，默认情况下，可折叠集（手风琴？）中的面板是否可以打开？例如，在页面加载时打开第二个面板“Title 2”。我没有找到任何关于此的信息，并希望根据URL参数执行此操作。

这是我目前的HTML：

<div data-role="collapsible-set">
  <div data-role="collapsible" data-theme="c" data-content-theme="b">
    <h3>Title 1</h3>
    <div>Text 1 inside here</div>
  </div>
  <div data-role="collapsible" data-theme="c" data-content-theme="b">
    <h3>Title 2</h3>
    <div>Text 2 is here</div>
  </div> 
  <div data-role="collapsible" data-theme="c" data-content-theme="b">
    <h3>Title 3</h3>
    <div>Text 3 inside this div</div>
  </div>   
</div>

这也是一个小提琴：

http://jsfiddle.net/dqmj3/

Answer 1

工作示例：http://jsfiddle.net/Gajotres/Qm3wb/

属性： data-collapsed="false"

官方文件：http://api.jquerymobile.com/collapsible/#option-collapsed

 <div data-role="collapsible-set">
      <div data-role="collapsible" data-theme="c" data-content-theme="b" data-collapsed="false">
          <h3>Title 1</h3>
          <div>Text 1 inside here</div>
     </div>
     <div data-role="collapsible" data-theme="c" data-content-theme="b">
          <h3>Title 2</h3>
          <div>Text 2 is here</div>
     </div> 
     <div data-role="collapsible" data-theme="c" data-content-theme="b">
          <h3>Title 3</h3>
          <div>Text 3 inside this div</div>
     </div>   
</div>

jQuery Mobile - 使用URL参数打开Collapsible-set

1 个答案: