2017-06-07 4 views
0

私はhref属性 に異なる値を渡すために、これは私のコードですが、それはjQueryの一部が動作していないいないJavaScriptのランダム関数を使用しようとしている:javascriptまたはjqueryを使用してhref属性に変数値を渡す方法は?

のjQuery: -

var numbers = ["22332233", "44455566", "12322122", "44455566", "12322122", "44455566", "12322122"]; 
var result = Math.floor(Math.random() * 5); 
console.log(result); 
console.log(numbers[result]); 
$("#phone-tel").attr("href", numbers[result]); 

HTML: -

<a id="phone-tel" href="">+353123456789</a> 
+6

現在の問題は何ですか? – guradio

+0

私は、ページが完全にロードされた後にjqueryが実行され、htmlが完全に構築され、$(function(){})内にjqueryがあることを確認することから始めます。 – Isac

答えて

3

あなたのコードの作業罰金、場合: - 1.jQueryライブラリはbefo追加

スクリプトコードを再作成してください。 $(document).ready(function(){..});内のスクリプトコード2.Wrap

、それはあなたのページの上部にある場合。スクリプトコードがページの下部にの場合ラッピングは必要ありません。

の作業例: -

$(document).ready(function(){ 
 
    var numbers = ["22332233", "44455566", "12322122", "44455566", "12322122", "44455566", "12322122"]; 
 
    var result = Math.floor(Math.random() * 5); 
 
    console.log(result); 
 
    $("#phone-tel").attr("href",numbers[result]); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="phone-tel" href="">+353123456789</a>

0

jQueryライブラリはjQueryライブラリを追加することで、あなたのコード

に欠けている、すべてのものは、あなたのコードで正常に動作しています。唯一の問題は、アレイに7つの要素しかないことです。だから、ほとんどの回乱数は、最後に生成された数を繰り返し生成します。これを削除するには、最後の値を保持し、それ以外の値を生成します。

関連する問題