如何加載附加CSS到請求類加載的內容

我正在爲我的應用程序使用mootools v1.3。我已經實現了兩個異步調用myCSS.php和myContent.php。首先加載CSS並將其附加在< body>標籤的頂部< script>標籤內。然後將內容加載到< body>標記的底部。如何加載附加CSS到請求類加載的內容

異步調用是：

var myRequest = new Request({ async: false, method: 'post', 
onSuccess: function(html) { /* Code to attach html value in <body> tag */ }, 
}); 
myRequest.send({url: myCSS.php}); 
myRequest.send({url: myContent.php});

在CSS中還有一類

.content_disp { 
padding: 10px; border: 1px solid #333; }

而且在myContent.php：

<div class="content_disp"> some data...... </div>

問題是不顯示與CSS類的屬性.content_disp 我不知道它在哪裏得到W rong ...

來源

2011-02-03 Vin

你應該看看來自Mootools More的Asset類如何做到這一點。首先將CSS應用於鏈接元素，然後將其注入到文檔頭中。從您的示例中不清楚，您要將原始CSS源插入的元素。

css: function(source, properties){ 
    properties = properties || {}; 
    var onload = properties.onload || properties.onLoad; 
    if (onload){ 
     properties.events = properties.events || {}; 
     properties.events.load = onload; 
     delete properties.onload; 
     delete properties.onLoad; 
    } 
    return new Element('link', Object.merge({ 
     rel: 'stylesheet', 
     media: 'screen', 
     type: 'text/css', 
     href: source 
    }, properties)).inject(document.head); 
},

來源

2011-02-03 13:58:45 leebriggs

功能（HTML）{ document.body.innerHTML =「<腳本類型= 「文本/ CSS」 >'+ html +'

'+ document.body.innerHTML; }：這是處理Request對象的onSuccess事件的代碼。 – Vin 2011-02-03 16:24:10

的更新工作的代碼是：

var myRequest = new Request({ async: false, method: 'post', 
onSuccess: function(html) { 
document.head.innerHTML = document.head.innerHTML + 
'<style type="text/css"> ' + html + ' </style><div id="data_loader"></div>'; 
} }); 
myRequest.send({url: 'myCSS.php'}); 
myRequest.send({url: 'myContent.php'});

由於leeb :)

來源

2011-02-03 17:41:55 Vin

如何加載附加CSS到請求類加載的內容

回答

相關問題