0

更新時に単純なテキストの変更を取得しようとしています:

<strong>Title</strong>
<p id="myQuote">Slogan</p>

また、「スローガン」の部分は更新時に変更されます。

var myQuotes = new Array();
myQuotes[0] = "To be or not to be";
myQuotes[1] = "The only thing we have to fear is fear itself";
myQuotes[2] = "Give me liberty or give me death";

var myRandom = Math.floor(Math.random()*myQuotes.length);

$('#myQuote').html(myQuotes[myRandom]);
4

3 に答える 3

1

DOMが読み込まれるまで、DOM要素を選択または操作することはできません。

このフィドルで示されているように、$('#myQuote').html呼び出しをの中にラップします。$(document).ready(function() { ... })

または、<script>タグを下部に配置して<body>、残りのDOMの後に読み込まれるようにします。(控えめなJavaScriptのロード時オプションの詳細については、HTMLコードの上部または下部にある<script>を参照してください。)

于 2012-12-10T18:29:51.143 に答える
0

スクリプトでjQueryを使用しないようにするには、以下を置き換えます

http://jsfiddle.net/TYEGh/

$('#myQuote').html(myQuotes[myRandom]);

document.getElementById('myQuote').innerHTML= myQuotes[myRandom];
于 2012-12-10T18:36:08.223 に答える
0

私の推測では、jQuery がロードされていません....

if (jQuery) {  
    alert('jQuery is loaded'); 
} else {
    alert('not loaded');
}

次に、ランダム関数から値を取得しているかどうかを確認します。

var myRandom = Math.floor(Math.random()*myQuotes.length);

alert(myQuotes[myRandom]); //Add this to your code

$('#myQuote').html(myQuotes[myRandom]);
于 2012-12-10T18:31:50.780 に答える