我正在尝试创建一个 jQuery 函数,该函数会自动将特定图像的大小调整为其父级的宽度。如果相关,则适用于 vbulletin 4.2.0
这是相关的(简化的)代码:
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var newWidth = $('.floatcontainer.doc_header').css("width");
$('.logo-image').css("width", newWidth);
});
</script>
</head>
<div class="floatcontainer.doc_header" style="width: 90%; height: 200px;">
<img class=".logo-image" src="/img/headerimg.jpg"/> //the image is naturally 1092x200
</div>
解决了!我终于找到了去哪里编辑这张图片的 css,所以我不需要用 jQuery 来完成。这不完全是我正在寻找的解决方案,但是嘿 - 谁在提示!
感谢您的帮助!
最佳答案
缺少正确的类选择器
$('.floatcontainer doc_header')
^--- Missing the class selector
应该是
$('.floatcontainer.doc_header') // Make sure there is no space
^----
<强> Check Fiddle
更新
我明白问题出在什么
<img class=".logo-image"
有一个类,里面有一个点..
所以正确的选择器是
$('.\\.logo-image')
而不
$('.logo-image')
这就是它找不到特定图像的原因
<强> UPDATED FIDDLE
如果您希望它与您指定的选择器一起使用,请更改 HTML 中的类 至
<img class="logo-image"
^--- 这里没有点 .. 所以选择器是 $('.logo-image')
<img class=".logo-image"
^--- 点存在 .. 所以选择器是 $('.\\.logo-image')
关于jquery - 设置 jQuery .css 函数时遇到一些问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13886657/