可折叠标题长文本问题

Question

问题是当输入标题的长文本时，标题会从屏幕上移开。请参阅以下屏幕截图

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');

CSS：

.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;
          }

Answer 1

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');

我刚刚添加了

，它可以和我一起使用