Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 单击按钮,更改2图像_Jquery_Html_Css_Button - Fatal编程技术网

Jquery 单击按钮,更改2图像

Jquery 单击按钮,更改2图像,jquery,html,css,button,Jquery,Html,Css,Button,我有两个按钮和两个图像区域。当我点击按钮,我想改变2区#区域图像已更改,但#区域2图像无法显示。我使用双数据rel $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ var imgUrl=$(this.data('rel'); $(“#区域2”).html(“”); $(“.son”).hide().fadeIn(2000年); }); $(“按钮”)。单击(函数(){ var imgUrl=$(this.data('rel'); $(“#面积”).html(“”); $(

我有两个按钮和两个图像区域。当我点击按钮,我想改变2区#区域图像已更改,但#区域2图像无法显示。我使用双
数据rel

$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
var imgUrl=$(this.data('rel');
$(“#区域2”).html(“”);
$(“.son”).hide().fadeIn(2000年);
});
$(“按钮”)。单击(函数(){
var imgUrl=$(this.data('rel');
$(“#面积”).html(“”);
$(“.single img vin”).hide().fadeIn(2000);
});
});


  • 在这两种情况下,都是在同一个元素上绑定事件侦听器。使用id使其唯一

    $(文档).ready(函数(){
    $(“#btn1”)。单击(函数(){
    var imgUrl=$(this.data('rel');
    $(“#区域2”).html(“”);
    $(“.son”).hide().fadeIn(2000年);
    });
    $(“#btn2”)。单击(函数(){
    var imgUrl=$(this.data('rel');
    $(“#面积”).html(“”);
    $(“.single img vin”).hide().fadeIn(2000);
    });
    });
    
    
    

    • 不清楚你在找什么。是否要一个按钮更改第一个图像,另一个按钮更改第二个图像?