jquery - 如何将文本添加到 jQuery Mobile 可折叠的每个顶 Angular

Question

我想知道如何将一些文本插入到 jQuery 移动可折叠项的右上角和左上角。我不知道该怎么做，但到目前为止我已经这样做了，而且 < p > 文本在左 Angular

标签内的文本甚至没有出现在可折叠中。

  <h1>Title</h1> 
<div data-role='main' class='ui-content' id='collapse'> 
<div data-role='collapsible' data-theme='b' data-content-theme='b' data-iconpos='right' data-expanded-icon='collapse' data-collapsed-icon='expand'> 
<p>text at left corner </p>

     <h4> <span id='collapstxt'> nenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </span> <button href='#' id='bt01' data-icon='check' data-iconpos='right' style='width:100px;' onclick='alert(1);event.stopPropagation();' >Reply</button></h4>
<p> nenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. C <p>
</div></div>

这是我到目前为止在 JSfiddle 中所做的

Answer 1

您可以使用内置的 JQM 网格作为选项

<div class="ui-grid-a">
  <div class="ui-block-a floatleft"><strong>I'm Block A</strong> and text inside will wrap</div>
  <div class="ui-block-b floatright"><strong>I'm Block B</strong> and text inside will wrap</div>
</div><!-- /grid-a -->

如果要在 block A上左对齐，在 block b上右对齐，则可以进一步定义每个 block 的对齐方式

.floatright {
text-align:right;
}
 .floatleft {
text-align:left;
}

fiddle :https://jsfiddle.net/n5j8ad80/1/