2

padding-leftクラスにa を追加するui-block-bと、固定がこのパディングも取得するという副作用がnavbarあり、これは望ましくありません。の にのみパディングを適用したいとui-block-b思いui-gid-aます。だから私は新しいクラスを追加しようとしましたui-block-b-ownが、パディングを取得しませんui-block-b:

CSS:

.ui-block-b-own {
   padding-left: 10px !important
}

そして、これはコードです：

function showDetails(index){

var suchresultat = search(); // gets either rezepte or result

$("#rezept h1").html(suchresultat[index].name);


    var inhalt = "";

var p = suchresultat[index].portionen; 
var m = suchresultat[index].menge;
var z = suchresultat[index].zubereitung;


 var textM = "";
 var textZ = "";


 for( var i = 0; i < m.length; i++ )
 {
       textM += "<br />" + m[i];
 }  

for( var i = 0; i < z.length; i++ )
 {
       textZ += "<br />" + z[i];
 }  

var por;
if (p == 1){  
por = "Portion:";
}
else {
por = "Portionen:";
}

inhalt += '<section class="ui-grid-a">';
inhalt += '<!-- Row1 -->';
inhalt += '<div class="ui-block-a"><strong>Zutaten für<br>'+ p + ' '+ por +'</strong></div>';
inhalt += '<div class="ui-block-b"><strong>Zubereitung:</strong></div>';
inhalt += '<!-- Row2 -->';
inhalt += '<div class="ui-block-a">' + textM + '</div>';
inhalt += '<div class="ui-block-b ui-block-b-own"' + textZ + '</div>';
inhalt += '</section>'; 

$("#rezeptInhalt").html(inhalt); // füllt page id rezept content

$.mobile.changePage($("#rezept"));

}

私が間違っていることはありますか？

4

1 に答える 1

0

これは、無効な HTML を生成しているようです。>を介してコンテンツを挿入する前に、問題の要素が閉じられていませんtextZ。そのため、CSS は正しく適用されません。これは、ブラウザーがおそらくノードの正しいテキスト コンテンツが何であるかを推測しているためです。

inhalt += '<div class="ui-block-b ui-block-b-own">' + textZ + '</div>';
//----------------------------------------------^^^^
于 2012-11-18T15:42:26.503 に答える