Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.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
使用onclick jquery事件筛选更改src提供边框样式_Jquery_Css_Model View Controller_Filter_Onclick - Fatal编程技术网

使用onclick jquery事件筛选更改src提供边框样式

使用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

我有一个产品详细信息页面。一张大照片和一张小照片。当我单击其他小照片时,我可以看到所选照片的大照片更改。但同时,我希望看到选定的小照片边框以边框样式脱颖而出。但是我做不到。有人能帮忙吗?谢谢你的帮助

这是我的jquery

  @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');});