Javascript 点击缩略图不'；更新主映像

我有这个图像库的小代码。我还想在库下插入jquery选项卡

所以我有了HTML：

$('#minipics img').click(function(){
        var url = $(this).attr('src');
        $('#mainPic img').attr('src', url);
    });

标签行得通，但我的图库不行。这里可能有什么问题？ 提前谢谢

这是图库html：

 $(function() {
$( "#tabs" ).tabs();
});

您的标签可以工作，但您的图库不能，但您只为我们提供了标签的html！什么是mainPic？没有标签库是否正常工作？我编辑并编写了库html。是的，没有这个$（function（）{$（“#tabs”）.tabs（）；}）就可以使用gallery；

 $(function() {
$( "#tabs" ).tabs();
});

<div id='mainPic'>
        <img src="img/a1.png">
    </div>
        </div>
    <div id='minipics'>
        <img src="img/a1.png">
        <img src="img/a2.png">
        <img src="img/a3.png">
        <img src="img/a4.png">
        <img src="img/a5.png">
        <img src="img/a6.png">
        <img src="img/a7.png">
    </div>