Javascript JQuery 第一次用户尝试将表单放置在具有特定 url 的图片下方

标签 javascript jquery html image forms

您好,我正在尝试在具有特定 URL 的图像下方放置一个表单,但是它不起作用。我不太确定 因为我是 JQuery 的新手,所以我做错了什么。有人会碰巧知道这有什么问题吗?

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript">
function main(){
    var imageURL = getImageURL();
    $("img[src=imageURL]");
    $("img[src='Your URL']").append("<input type="radio" name="geo" value="geolocation">Use Geolocation? <br> Additional Information About the Image: <input type="comment" name="cmnt">");

}

function getImageURL(){
var url = "http://www.w3schools.com/images/pulpit.jpg";
return url;
}
</script>
</head>
<body onload="main()">
<b> Page </b>
<img src="http://www.w3schools.com/images/pulpit.jpg">

</body>
</html>

最佳答案

jQuery 方法 .append() 实际上在给定节点内添加了它的参数。相反,使用 after()方法,在指定元素之后插入内容。

关于Javascript JQuery 第一次用户尝试将表单放置在具有特定 url 的图片下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12864837/

相关文章:

javascript - chrome.scripting.executeScript - 意外属性 : 'arguments'

javascript - 两个小书签和一个 Greasemonkey 脚本可以组合成一个小书签吗?如果是这样,如何?

javascript - 获取列表项的名称,单击 jquery 中的自动完成功能

javascript - 将代码实现到现有站点的后台。 (用JS动画替换背景图片)

javascript - 如何使用 Bootstrap Tab Collapse 插件在标签内获取 h4 标签?

javascript - 将 grunt 附加到 VSCODE 调试器

javascript - PHP生成的Js函数调用是用换行符创建的

c# - Html/Css CSHTML - 某些元素的 Accordion 不打开

html - 如何让 CSS 悬停菜单保持在顶部

javascript - 修复了带有 jQ​​uery 可拖动的鼠标指针