加载图像按钮，jquery不工作

我从来没有使用过jquery，所以我可能只是忘记了一些东西。我想要做的是在我的页面上添加按钮时加载一些图像的按钮。或甚至使它加载我已经创建的div。加载图像按钮，jquery不工作

在我的头标签我有这个。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
    $("button").click(function() { 
    var imgUrl = $(this).data('rel'); 
    $("#area").html("<img src='" + imgUrl + "' alt='description' />"); 
    }); 
</script>

和在我的身体我有按钮。

<button data-rel="img/inasecond.jpg">Click Me</button>

请帮我在这里，我去研究了一下jquery的后，当我有时间，但现在我只需要学习如何使用在网络上找到的代码。

来源

2014-10-09 Thomas Ravnholt

将你的代码包装在['（$（document）.ready（）{//你的代码在这里}）;']（http://learn.jquery.com/using-jquery-core/document-ready/ ） – 2014-10-09 07:12:04

在整个HTML完成后为您添加

在文档完全加载之前，jQuery无法运行。因此：

总结jQuery代码内

$(document).ready(){ //your jQuery here });

那么它应该工作;）

来源

2014-10-09 07:13:25

我得到它的工作;）如果我想要它加载一个div呢？ :) – 2014-10-09 07:23:30

然后你把你的div内的HTML（“你的div在这里面的html”）。 – 2014-10-09 08:45:20

<script> 
$(document).ready(){ 
$("button").click(function() { 
    var imgUrl = $(this).data('rel'); 
    $("#area").html("<img src='" + imgUrl + "' alt='description' />"); 
    }); 
}); 
</script>

来源

2014-10-09 07:15:08 Kiran

添加脚本很容易在HTML中，但什么这些脚本使用前，如果您的脚本使用任何dom元素，那么该脚本块应该在该dom元素之后执行。就好像你在body和button在body之前写了一个click事件处理程序，那么handler就不会附加到那个按钮上。在jQuery中有$（document）.ready（）方法，它接受一个回调函数，当你的文档被加载时它会被执行。

所以在这里你有两种选择一种是使用

$(document).ready(function(){ 
//Your code here 
})

或另一种选择是在body标签的结束，所以当你的脚本块将得到执行，直到所有的DOM元素都已经将你的脚本块加载

来源

2014-10-09 07:21:24

加载图像按钮，jquery不工作

相关问题