2 
var loc="/blah/blaah.html"

$.ajax({

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

xyz.php正在创建以下格式的 html 片段文件：-

<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>

我尝试过回调.load：-

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

并尝试通过生成带有样式属性的片段：-

<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>

上述方法都不起作用，但是当我在浏览器中检查元素时，它会显示添加到所需列表元素（li#content）的样式。我正在为 div 使用 jscrollpane 这是创建问题吗？

4

4 回答 4

2

尝试这个

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

});

在旁注中，我会避​​免在 HTML 属性上混合单引号和双引号

于 2013-09-21T08:54:59.510 回答
1

您可以使用 jQuery.done()方法，并将函数作为回调传递。并在该函数中为元素添加一个类。它比添加内联样式更好。

于 2013-09-21T09:03:59.950 回答
0

是 jScrollPane 阻止了溢出被隐藏。我发现的解决方案是设置contentWidth: 0pxjScrollPane 元素。

于 2013-09-21T22:42:56.047 回答
0

正确的方法是使用 Function (data) 参数调用 .load，然后将其包装在 Object 中，并将其作为纯 HTML 吐出，并将其附加到 div 中。而不是添加任何 css 或任何你喜欢的代码作为它现在的纯 html 并正确插入到 DOM 中。

     $(document).ready(function(){

$('#template').load('http://localhost/site root/site folder/index.html 
 section#togo', function(template) {
 var obj = $(this).find('section#togo'), html = obj.html(); 
 $(this).append($('<div>').text(html)); 
 $('div[id^="menu"]').css({display: "block"}); 
/*$('#menu1').css({display: "block"});*/
 });

});

于 2019-12-22T00:57:51.753 回答