wie hinzufügen von css-Stil, um dynamisch geladen snippet using jquery ajax

var loc="/blah/blaah.html"

$.ajax({

   url: 'xyz.php',
   type: 'POST',
   success:function()
           {
              $('#mydiv').load(loc);
           }
 )}

xyz.php ist das erstellen einer html-snippet-Datei in das fllowing format:-

<li id='messagebody'> <ul> <li><img src="abc.jpg" width="42" height="42"></li> <li id='content'>asdjkshadjhasdjjasdhjas</li> <li>21 Aug 20013</li> </ul> </li>

habe ich versucht Rückruf in .load:-

$('#mydiv').load(loc,
             function(){
                      $('li#content').css({'overflow':'hidden'});
            });

und auch versucht, durch die Generierung der snippets mit style-Attribut:-

<li id='messagebody'> <ul> <li><img src="abc.jpg" width="42" height="42"></li> <li id='content' style='overflow:hidden;'>asdjkshadjhasdjjasdhjas</li> <li>21 Aug 20013</li> </ul> </li>

keines der oben genannten Methode funktioniert, aber wenn ich überprüfen Sie Elemente im browser, es zeigt den Stil Hinzugefügt, um das gewünschte element in der Liste (li#content).Ich bin mit jscrollpane für das div-Element das problem verursacht?

  • Wenn der browser zeigt die style Attribut und seinen Wert richtig ist, dann die add-Stil-Teil arbeitet. Was ist Ihre Erwartung und wie ist die Leistung von ihm unterscheiden? Ist es nicht verstecken, den überquellenden Inhalt?
InformationsquelleAutor UDB | 2013-09-21
  1. 2

    Versuchen, diese

    $.ajax({
    url:  'xyz.php',
    method: 'post',
    success: function(response)
    {
        $('#mydiv').append(response);
    }
}).done(function(){
   $('#content').css('overflow', 'hidden');

});

    On a side note, die ich möchte vermeiden, mischen von single und double quotes in HTML-Attributen

    InformationsquelleAutor Mina
  2. 1

    Können Sie jQuery verwenden .done() - Methode, und übergeben, die Funktion gibt es da einen Rückruf. Und in dieser Funktion fügen Sie eine Klasse auf ein element. Es ist besser als das hinzufügen von inline-styles.

    InformationsquelleAutor
  3. 0

    war es die jScrollPane, die verhindert den überlauf verdeckt. Lösung, die ich herausgefunden habe ist, indem contentWidth: 0px von der jScrollPane element.

    InformationsquelleAutor UDB
Schreibe einen Kommentar