Вопросы Теги

Высота Изменения jQuery на основе Браузера Измеряет/Изменяет размер

Вы можете использовать следующий фрагмент. Если вы предпочитаете использовать JQuery, просто замените

document.getElementById('button1') на $("#button1")

button1.addEventListener('click', на button1.on('click',;

button1.innerHTML = '' на button1.html('') [1113 ] 

var button1 = document.getElementById('button1');
var button2 = document.getElementById('button2');
var check1 = document.getElementById('check1');
var check2 = document.getElementById('check2');

button1.addEventListener('click', function(event) {
    if (check1.innerHTML) {
        check1.innerHTML = '';
        return;
    }
    check1.innerHTML = '✓';
    check2.innerHTML = '';
});

button2.addEventListener('click', function(event) {
    if (check2.innerHTML) {
        check2.innerHTML = '';
        return;
    }
    check1.innerHTML = '';
    check2.innerHTML = '✓';
});
<div class="pipeline-modal-content">
    <button id="button1">
        <span>name 1</span>
    </button>
    <span id="check1"></span>
</div>
<div id="a" class="pipeline-modal-content">
    <button id="button2">
        <span>name 2</span>
    </button>
    <span id="check2"></span>
</div>

43
задан AlteredConcept 9 May 2009 в 05:54
поделиться

4 ответа

If you are using jQuery 1.2 or newer, you can simply use these:

$(window).width();
$(document).width();
$(window).height();
$(document).height();

From there it is a simple matter to decide the height of your element.

68
ответ дан 26 November 2019 в 22:27
поделиться 
$(function(){
    $(window).resize(function(){
        var h = $(window).height();
        var w = $(window).width();
        $("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
    });
});

Scrollbars etc have an effect on the window size so you may want to tweak to desired size.

47
ответ дан 26 November 2019 в 22:27
поделиться

Основываясь на ответе Чада, вы также хотите добавить эту функцию к событию onload, чтобы гарантировать изменение его размера при загрузке страницы. 

jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
    var h = $(window).height();
    var w = $(window).width();
    $("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
}
25
ответ дан 26 November 2019 в 22:27
поделиться

Такое ощущение, что чек должен быть другим

новым: h <768 || w <1024

2
ответ дан 26 November 2019 в 22:27
поделиться
Другие вопросы по тегам:

Похожие вопросы: