Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.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
Javascript 如何使用Jquery设置X图像的大小_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用Jquery设置X图像的大小

Javascript 如何使用Jquery设置X图像的大小,javascript,jquery,Javascript,Jquery,大家好,我现在正在制作一个目录,当点击它的时候,我正在尝试放大它。我有像onmouseclick这样的JavaScript功能,但似乎无法将放大函数中的JQuery用于单个图像。例如,如果我尝试放大列表中的第二条记录,则所有图像都会放大,而不仅仅是我选择的图像 下面是您可以看到的功能,我正在设置产品图像的宽度和高度。我希望使用x具有与上述样式类似的功能。有没有办法做到这一点?如有任何信息,将不胜感激 function normalImg(x) { x.style.fontSize = "

大家好,我现在正在制作一个目录,当点击它的时候,我正在尝试放大它。我有像onmouseclick这样的JavaScript功能,但似乎无法将放大函数中的JQuery用于单个图像。例如,如果我尝试放大列表中的第二条记录,则所有图像都会放大,而不仅仅是我选择的图像

下面是您可以看到的功能,我正在设置产品图像的宽度和高度。我希望使用x具有与上述样式类似的功能。有没有办法做到这一点?如有任何信息,将不胜感激

function normalImg(x) {
    x.style.fontSize = "15px";
    x.style.maxWidth = "90%";
    x.style.height = "auto";
    $('.product').width(350);
    $('.product').height(250);
}

此外,上述函数中x.styles设置的信息正在xmlParser函数中使用,我不知道这是否重要。

如果我理解了您的问题,您的问题是这个jQuery选择器: $(“产品”) 使用类product选择所有内容,而不仅仅是单击的内容。要解决这个问题,我可能需要在product类上添加事件侦听器,这样您就可以使用“this”来引用被单击的产品,然后在其中查找并调整img的大小。整体覆盖可能如下所示:

$('.product').on('click', function(){
    $(this).css({width: '350px', height: '250px'})
    .find('img').css({maxWidth: '90%', height: 'auto', fontSize: '15px'});
});

我要做的是设置图像,比如说一个类“放大”,执行类似于
$(document)的操作。在('click','.放大',函数({//code});
在代码部分的何处可以使用
这个。
引用单击的img您如何调用
normalImg()
?包括a可能有助于说明问题。这非常有效,我对此表示感谢。非常感谢你的朋友,我知道这个问题很难理解,但这很有帮助。