使用onclick jquery事件筛选更改src提供边框样式
我有一个产品详细信息页面。一张大照片和一张小照片。当我单击其他小照片时,我可以看到所选照片的大照片更改。但同时,我希望看到选定的小照片边框以边框样式脱颖而出。但是我做不到。有人能帮忙吗?谢谢你的帮助 这是我的jquery使用onclick jquery事件筛选更改src提供边框样式,jquery,css,model-view-controller,filter,onclick,Jquery,Css,Model View Controller,Filter,Onclick,我有一个产品详细信息页面。一张大照片和一张小照片。当我单击其他小照片时,我可以看到所选照片的大照片更改。但同时,我希望看到选定的小照片边框以边框样式脱颖而出。但是我做不到。有人能帮忙吗?谢谢你的帮助 这是我的jquery @section FotoDegis { <script src="~/Content/Default/js/jquery-1.11.0.min.js"></script> <script> function FotoDe
@section FotoDegis
{
<script src="~/Content/Default/js/jquery-1.11.0.min.js"></script>
<script>
function FotoDegis(value)
{
$('#big-photo').attr("src", value);
$(".product-photo-other-img img[src*='value']").css("border", "solid");
}
</script>
}
<section>
@section FotoDegis
{
函数FotoDegis(值)
{
$('大照片').attr(“src”,value);
$(“.productphoto-other-img-img[src*='value']”)css(“border”,“solid”);
}
}
这就是我的观点
<div class="product-photo">
<div class="product-photo-main">
<img id="big-photo" src="~/ProductPhotos/Normal/@Model.Photos.First().PhotoPath" alt="" />
</div>
<div id="similar-product" class="carousel slide" data-ride="carousel">
<div class="product-photo-other-container">
@for (int i = 0; i < Model.Photos.Count; i++)
{
if (i > 2)
{
}
else
{
<div class="product-photo-other">
<div class="product-photo-other-img" id=@i>
<img id=@i onclick="FotoDegis(this.src, @i)" src="~/ProductPhotos/Normal/@(Model.Photos.Count >i ? Model.Photos[i].PhotoPath :"Resim_yok.gif" )" alt="" />
</div>
</div>
}
}
</div>
</div>
</div>
@对于(int i=0;i2)
{
}
其他的
{
i?Model.Photos[i].PhotoPath:“Resim_yok.gif”)“alt=”“/>
}
}
如果FotoDegis函数尝试将jquery选择器更改为this$(“.product photo other img img[src*=”“+value+”))).css(“border”,“solid”);
使用-删除。单击并添加类名(比如说)class=“smallimage”
-然后添加$('.smallimage')。单击(函数(){$('.\35;大照片').attr('src',$)(此).attr('src');$(this.css('border','solid');});