jQuery API の jQuery . globalEval( code ) は、グローバルコンテキスト内で、codeに指定したJavaScriptコードを実行するメソッド。
引数
- code
実行するJavaScriptコード。
記述例
jQuery( function() {
function sample(){
jQuery . globalEval( "var str = 'サンプル';" )
}
sample();
jQuery( '#sample' ) . text( str );
} );
function sample(){
jQuery . globalEval( "var str = 'サンプル';" )
}
sample();
jQuery( '#sample' ) . text( str );
} );
idが「sample」の要素に、「サンプル」と表示する。
実装例（サンプル）
実装例（サンプル）の動作について
「①」ボタンをクリックすると、ボタンの下に「サンプル①」と表示する。
「②」ボタンをクリックすると、ボタンの下に「サンプル②」と表示する。
「③」ボタンをクリックすると、ボタンの下に「サンプル③」と表示する。
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
function sampleA(){
jQuery . globalEval( "var str = 'サンプル①';" )
}
function sampleB(){
jQuery . globalEval( "var str = 'サンプル②';" )
}
function sampleC(){
jQuery . globalEval( "var str = 'サンプル③';" )
}
jQuery( function() {
jQuery( '#jquery-sample button' ) . click( function() {
var index = jQuery( this ) . index();
switch ( index ) {
case 0:
sampleA();
break;
case 1:
sampleB();
break;
case 2:
sampleC();
break;
}
jQuery( '#jquery-sample span' ) . text( str );
} );
jQuery( '#jquery-sample button' ) . eq( 0 ) . click();
} );
// -->
</script>
<!--
function sampleA(){
jQuery . globalEval( "var str = 'サンプル①';" )
}
function sampleB(){
jQuery . globalEval( "var str = 'サンプル②';" )
}
function sampleC(){
jQuery . globalEval( "var str = 'サンプル③';" )
}
jQuery( function() {
jQuery( '#jquery-sample button' ) . click( function() {
var index = jQuery( this ) . index();
switch ( index ) {
case 0:
sampleA();
break;
case 1:
sampleB();
break;
case 2:
sampleC();
break;
}
jQuery( '#jquery-sample span' ) . text( str );
} );
jQuery( '#jquery-sample button' ) . eq( 0 ) . click();
} );
// -->
</script>
CSS
<style>
<!--
#jquery-sample {
margin: 5px;
}
-->
</style>
<!--
#jquery-sample {
margin: 5px;
}
-->
</style>
HTML
<div id="jquery-sample">
<p>
<button>①</button><button>②</button><button>③</button>
</p>
<p>
<span></span>
</p>
</div>
<p>
<button>①</button><button>②</button><button>③</button>
</p>
<p>
<span></span>
</p>
</div>