2

特定の画像を親の幅に自動的にサイズ変更する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 で編集する必要はありませんでした。まさに私が探していた解決策ではありませんが、ちょっと - 誰が不平を言っているのですか!

ご協力いただきありがとうございます！

4

2 に答える 2

3

適切なクラスセレクターがありません 

 $('.floatcontainer doc_header')
                    ^--- Missing the class selector

察するに

 $('.floatcontainer.doc_header')  // Make sure there is no space
                   ^----

フィドルをチェック

アップデート

問題が何であるかがわかります

<img class=".logo-image"

ドットを含むクラスがあります..

したがって、そのための正しいセレクターは

$('.\\.logo-image')

AND NOT

$('.logo-image')

それが特定の画像を見つけられなかった理由です

更新されたフィドル

指定したセレクターで動作させたい場合は、HTML のクラスを次のように変更します。

<img class="logo-image" ^--- ここにドットはありません..だからセレクターは $('.logo-image')

<img class=".logo-image" ^--- ドットあり..なのでセレクターは $('.\\.logo-image')

于 2012-12-14T21:42:00.123 に答える
0

これを試して：

$('.logo-image').width($('.floatcontainer.doc_header').width());

また、要素クラスでドットを使用するべきではありません!

代わりに css を変更することもできます。

 .logo-image { width: 100%; }
于 2012-12-14T21:44:20.297 に答える