2011-12-06 16 views
0

Webページがクライアント側で実行されていて、ajax fn()を介してinnerHTMLを動的に変更するページにdivがありますが、実行中でないjQuery fn()で問題が発生します。動的に任意のjs関数を呼び出す方法

は、クライアントが、ボタン上のサーバーに送信された要求をクリックし、dynamic divに入れてresponseTextとしてinnerHTMLプロパティを取得する場合は、与えられた例では、上記の見ることができるように、これが実行されているWebページ

<html> <head> 
<script type="text/javascript" src="jquery-1.6.2.min.js"> </script> 
<script type="text/javascript" src="jquery-ui.min.1.8.11.js"> </script> 
</head> <body> 
    <div id = "dynamic"> </div> 
    <input type = "button" id="click" /> 

<script type="text/javascript"> 

    $("#click").click(function(){ 
     // send request to server via ajax (xmlHttprequest) 
     // get html contents as responseText 

    $("#dynamic").html(responseText); 
     }); 
</script>  
</body> </html> 

であると仮定します。

* innerHTMLプロパティの作業としてresponseTextは:*css性質がロードされ、作業

<div id="myDiv"> </div> 
<style type="text/css"> 
    #myDiv { width: 100%; height:100%; background: blue; } 
</style> 

innerHTMLプロパティが機能していない:私は、CSSファイルをロードするためにjQueryを使用する場合cssプロパティが機能していない

test.cssはサーバーにあります(CSSプロパティは外部で定義されています)。ファイル)へ

#myDiv { width: 100%; height:100%; background: blue; } 
+0

動的にCSSスタイルシートを含める方法は? – Jasper

+0

私は含める方法を知っていますが、この場合にのみCSSファイルが読み込まれていません。 – user1010399

+0

あなたのコードには、実際にajax呼び出しを実行する際の重要な部分がありません。あなたはそれを含めることができます(おそらくここでの犯人) – jli

答えて

0

あなたが名前空間きた場合は、動的にスタイルシートを追加するために探している場合は機能が

myNameSpace["functionName"](); 
+0

あなたが実際にそれを読んでいれば、質問とは無関係です。 – jli

0

そして、グローバル空間

window["functionName"](); 

に住んでいる場合DOMに送信してください:

$.get('test.css', function(responseCSS) 
{ 
    $('<style type="text/css"></style>').html(responseCSS).appendTo("head"); 
}); 
関連する問題