Переменная от .width

Question

Я новичок в JavaScript и jQuery, и мне нужна помощь. Кроме того, я прошу прощения, если это легко, и я просто не вижу этого!

По сути, я пытаюсь найти размер изображения после его загрузки, поэтому я могу использовать эту информацию для настройки ширины div.

Этот код в настоящее время:

<script type="text/javascript" src="js/jquery.js"></script>

<img id="Img1" src="01.jpg" style="height: 50%; width: 50%;" />

<script>
$(document).ready(function() {
     $(Img1).load(function() {
       alert($(this).width());
    });
});
</script>

Что создает окно подсказки с правильной шириной! Но я не могу найти способ повторно использовать эту информацию или объявить переменную из нее!

Пожалуйста, кто-нибудь может мне помочь? Любая помощь будет принята с благодарностью! Благодаря.

Answer 1

Поскольку Img1 является идентификатором элемента img, используйте его в качестве идентификатора, чтобы выбрать его. Для хранения значения ширины вы можете объявить переменную и сохранить в ней. А затем используйте переменную везде, где требуется.

$(document).ready(function() {
    var imgWidth;
    //Selecting image using id selector
    $("#Img1").load(function() {
       imgWidth = $(this).width();
    });
});

Вы должны узнать у различных селекторов, что jQuery предлагает вам использовать на основе вашей структуры разметки. Взгляните на эту ссылку http://api.jquery.com/category/selectors/

Примечание. Если вы хотите использовать эту переменную на странице, вам следует определить ее во внешней или глобальной области видимости.

Answer 2

Как это?

$(document).ready(function() {
    var width; // global/parent-scope variable to hold width
    $(Img1).load(function() {
       width = $(this).width(); // width is now stored in global
    });
});

В противном случае ваш вопрос не имеет смысла.

Answer 3

Это должно работать для вас:

var imgWidth;
 $(Img1).load(function() {
   imgWidth = $(this).width();
   alert(imgWidth);
});

Вот пример jsFiddle Переменная imgWidth будет иметь ширину изображения, которое вы можете использовать позже.

Answer 4

Рассматривали ли вы установку ширины DIV на авто ? Если вы сделаете это, вам даже не придется беспокоиться о том, что такое ширина.