具有动态 url 的图像不会 link 任何地方

Question

绝对是编码新手，如果我的问题措辞不当，我深表歉意！我正在尝试获取具有动态 url 的图像，以便在单击时将用户发送到另一个 url。该图像具有动态 url，因此我可以在需要时远程更新 gif 而不会出现缓存问题。我的问题是，当我点击它时，我似乎无法将图像 link 传送到任何地方。我试过将它放在 div 容器中并使用通常的标签，但它似乎不起作用。我怎样才能让 link 人在点击图像时到达新的 url 位置？

这是代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
today = yyyy + '' + mm + '' + dd;
var myImage = new Image(400, 190);
myImage.src = 'https://www.conatycatering.com/image/uploads/signatures/topsignature' + today + ".gif";
document.body.appendChild(myImage);

$("a#url").attr("href", url)
});
</script>

非常感谢您的帮助！

Answer 1

所以您缺少的一部分是声明 url。然而，一旦你这样做了，你希望图像位于锚点内，而不是一般主体。

所以你不想使用 document.body.appendChild 只是将图像添加到 HTML 主体，而是希望图像位于锚点内，你可以通过设置在下面看到它的工作主播的html()。

$(document).ready(function(){
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth()+1; //January is 0!
  var yyyy = today.getFullYear();
  today = yyyy + '' + mm + '' + dd;
  var myImage = new Image(400, 190);
  myImage.src = 'https://www.conatycatering.com/image/uploads/signatures/topsignature' + today + ".gif";
  
  var url = 'http://example.com' // REPLACE THIS WITH YOUR URL
  $("a#url").attr("href", url)
  $('a#url').html(myImage)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<a id="url"></a>

为了简洁起见，我删除了很多多余的东西并使用了占位符图像。

具有动态 url 的图像不会 link 任何地方

Image with dynamic url won't link anywhere

javascript

jquery

href