2017-06-07 29 views
0

我试图使用JavaScript随机函数为不同的值传递给href属性 这是我的代码,但它不是jQuery的部分是不工作:如何使用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完全构建,让你的jquery在$(function(){})中; – Isac

回答

3

您的代码做工精细,如果: -

1.jQuery库添加befo重新编写脚本代码。

2.Wrap脚本代码中$(document).ready(function(){..});,如果是你的网页的顶部。如果脚本代码为位于页面底部那么包装不是必需的。

工作例如: -

$(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个元素。因此,大多数随机数一次又一次地生成最后生成的数字。要删除这个,请保留最后一个值并生成除此之外的值。

相关问题