也想用＆lt;脚本＆gt;代码

Question

我是jQuery的新手。

我有脚本可以使用document.write旋转脚本来加载和运行它们。

这是来自stackoverflow的帖子，但现在似乎无法记住/

<html>
<head>
<title>Test</title>
<script type="text/javascript">
  var imageURLs = [
       "http://www.myserver.com/images/image1.png"
     , "http://www.myserver.com/images/image2.png"
     , "http://www.myserver.com/images/image3.png"
  ];
  function getImageTag() {
    var img = '<img src=\"';
    var randomIndex = Math.floor(Math.random() * imageURLs.length);
    img += imageURLs[randomIndex];
    img += '\" alt=\"Some alt text\"/>';
    return img;
  }
</script>
</head>
<body>
<script type="text/javascript">
  document.write(getImageTag());
</script>
</body>
</html>

反正;写道，我不是文档的粉丝。可以使用像这样的jquery .load（）来完成。

<script type="text/javascript">
$( "#result" ).load( "" );
</script>

图像旋转脚本将使用：

从#result运行

<div id="result"/>

我正在解决这个问题。请帮帮我。谢谢大家。

也想用＆lt;脚本＆gt;代码

Answer 1

您可能正在寻找append() method

$(document).ready(function(){
    $( "#result" ).append(getImageTag());
});

结果

<div id='result'>
<img ... />
</div>

而且你的剧本并不像随机的那样旋转图像。

Answer 2

因此，在jQuery中，要显示来自＆＃39; imageURLs＆＃39;的随机图像。你可以做到以下几点：

var imageURLs = [
    "http://www.myserver.com/images/image1.png",
    "http://www.myserver.com/images/image2.png",
    "http://www.myserver.com/images/image3.png"
];

var randomIndex = Math.floor(Math.random() * imageURLs.length);
var $img = $("<img/>", {
    src: imageURLs[randomIndex],
    alt: 'Some Text'
});

$("#result").empty().append($img);

演示@ Fiddle

如果您在某项功能之后，请参阅以下内容：

var getRandomImage = function() {
    var randomIndex = Math.floor(Math.random() * imageURLs.length);
    return $("<img/>", {
        src: imageURLs[randomIndex],
        alt: 'Some Text'
    });
};
$("#result").empty().append(getRandomImage);

演示@ Fiddle

如何从其中的另一个jquery脚本运行.load（）

也想用＆lt;脚本＆gt;代码

2 个答案: