WedX - журнал о программировании и компьютерных науках

Как обновить стиль ширины таблицы div после замены содержимого?

У меня есть два дива. Один div содержит содержимое таблицы, другой содержит чистый текст. Я переключаю содержимое двух div. Все браузеры отлично работают со стилем таблицы после замены, за исключением одного браузера Android, который полностью игнорирует стиль таблицы и делает ширину ячейки td очень большой.

  <div id="div1_id">Pure Text Content</div> 

  <div id="div2_id>     
         <table width="3000" border="0" cellspacing="0" cellpadding="0" >
            <colgroup>
                <col width="20px" />
                <col width="40px" />  
                 ... 
                <col width="30px" />
                <col width="auto" /> 
            </colgroup>
            <tbody>
              <tr>
                  <td>row1 col1</td>   
                  <td>row1 col2</td>
                   ...   
                  <td>row1 colx</td>   
                  <td>row1 coly</td>   
              </tr>
              ...
  </div>  
  <script type='text/javascript'> 
        var divOneContent = $('#div1_id').html();
        var divTwoContent = $('#div2_id').html();
        $('#divOneContent').html(divTwoContent);
        $('#divTwoContent').html(divOneContent);
  </script>

Есть ли какой-либо метод jquery, который я могу использовать для обновления стиля css div после изменения содержимого div? Это может помочь мне обойти ошибку браузера?


Ответы:


1

jQuery имеет метод .css(), который вы можете использовать:

 $('#div1_id').css(propertyName, value);

Вы также можете изменить класс:

 $('#div1_id').attr("class", "newClass");
09.03.2015
  • Что, если у нас есть много стилей для обновления или мы даже не знаем, сколько определений классов находится внутри div. Проблема, с которой я сталкиваюсь, связана с определением ширины ячейки td, определенным в ‹colgroup›. 10.03.2015

  • 2

    ваш код должен быть таким:

    <script type='text/javascript'> 
    $(document).ready(function(){
        var divOneContent = $('#div1_id').html();
        var divTwoContent = $('#div2_id').html();
        $('#div1_id').html(divTwoContent);
        $('#div2_id').html(divOneContent);
    });
    

    09.03.2015
    Новые материалы

    Как создать диаграмму градиентной кисти с помощью D3.js
    Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..

    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..


    Для любых предложений по сайту: wedx@cp9.ru