Css 可折叠标题长文本问题

问题是，当为标题输入长文本时，标题会从屏幕上变宽。请参见下面的屏幕截图

var元素=“”+
''+
“”+$（节点）。查找（“NoteText”）.text（）+”
'+
' '+
“+$（节点）。查找（“名称”）.text（）+”节点。查找（“电话”）.text（）+”+
''+
'';
$（“#集”）.prepend（元素）.collapsableset（'refresh'）；

---

我刚刚添加了，它对我来说很好

您使用的是哪个jQM版本？

var element =''+
                 '<div data-role="collapsible" id="set1" data-iconpos="right" data-theme="d" data-content-theme="b" align="right" dir="rtl">'+
                 '<h4 onclick="changeText(this);" align="right" dir="rtl">'+$(node).find("NoteText").text()+'</h4> '+
                 '<table border =  "0"> '+
                 '<tr align = "right" dir = "rtl"><td> اسم :'+$(node).find("Name").text()+'</td></tr><tr align = "right" dir = "rtl"><td> العمل :'+$(node).find("Phone").text()+'</td></tr>'+
                 '</table>'+
                 '</div>';
                 $("#set").prepend(element).collapsibleset('refresh');

.ui-mobile .ui-page .ui-content .ui-collapsible .ui-collapsible-heading .ui-btn-text{
    white-space : normal !important;

}​
          .ui-collapsible h4 .ui-btn-inner{
            direction: rtl !important;
            text-align: right !important;
          }

var element =''+
                 '<div data-role="collapsible" id="set1" data-iconpos="right" data-theme="d" data-content-theme="b" align="right" dir="rtl">'+
                 '<p><h4 onclick="changeText(this);" align="right" dir="rtl">'+$(node).find("NoteText").text()+'</p></h4> '+
                 '<table border =  "0"> '+
                 '<tr align = "right" dir = "rtl"><td> اسم :'+$(node).find("Name").text()+'</td></tr><tr align = "right" dir = "rtl"><td> العمل :'+$(node).find("Phone").text()+'</td></tr>'+
                 '</table>'+
                 '</div>';
                 $("#set").prepend(element).collapsibleset('refresh');