Набор кнопок jQuery UI в Internet Explorer 8 уменьшен - PullRequest
Новая
       1

Набор кнопок jQuery UI в Internet Explorer 8 уменьшен

1 голос
/ 06 октября 2010

У меня есть этот скипет, 

<script>
    $(document).ready( function() {
        $('.add').button({
            icons: 'ui-icon-plus',
            text: false
        }).next().button({
            icons: 'ui-icon-minus',
            text: false
        }).next().button({
            icons: 'ui-icon-arrowthick-1-w',
            text: false
        }).next().button({
            icons: 'ui-icon-arrowthick-1-e',
            text: false
        });

        $('.radio-container').buttonset();
    });
</script>

<button class="add">Add</button>
<button class="delete">Delete</button>
<button class="left">Left</button>
<button class="right">Right</button>

<span class="radio-container">
    <input type="Radio" name="radio" id="radio_1"><label for="radio_1">Radio 1</label>
    <input type="Radio" name="radio" id="radio_2"><label for="radio_2">Radio 2</label>
</span>

Работает нормально с Firefox, но не работает с Internet Explorer (протестировано с Internet Explorer 8), переключатель сдвинут вниз так:

alt text

Как мне это исправить?

Я использую jQuery 1.4.2 и jQuery UI 1.8.5.

Ответы [ 3 ]

1 голос
/ 03 марта 2011

jQuery устанавливает CSS для метки с полем в 8 пикселей.Переопределите и установите метку CSS { margin: 0px; }, чтобы исправить это.

1 голос
/ 17 июня 2011

Надеюсь, этот код поможет вам решить вашу проблему. Он отлично работает в моем IE 8. 

$('.radio-container').buttonset().find('label').css({"vertical-align":"middle"});
0 голосов
/ 06 октября 2010

Я думаю, что это больше связано с CSS, чем с jQuery. По какой-то причине вы называете свои радиовходы кнопками - и я спрашиваю, почему. Но, в любом случае, я могу только предложить нажать F12 в Internet Explorer 8 и взглянуть на ваши элементы и то, как они представлены в CSS.

Возможно, вы захотите разместить CSS как часть вашего вопроса.

...