jQuery, таблица, CSS и изменение ширины tr: что не так? - PullRequest
Новая
       26

jQuery, таблица, CSS и изменение ширины tr: что не так?

2 голосов
/ 23 декабря 2011

Я открываю исключительно свой веб-сайт (с моей 3-й высокопроизводительной платформой) в надежде, что кто-нибудь поможет мне решить проблему.

Вот страница, которая работает без нареканий, перейдите по ссылке:

http://www.papdevis.fr/recherche/

Вы увидите это:

good url

Нажмите на эту (поддельную) кнопку:

"De l'aide ? Cliquez ici"

Когда вы нажимаете на кнопку, ее размер не изменяется (вот что я хочу), например:

good url 2

Видите?Он открывается великолепно, это здорово!

Теперь тот же JavaScript, те же идентификаторы, но в таблице:

http://www.papdevis.fr/devis-creer-editer/

Вы увидите это:

problem before click

Нажмите на одну и ту же (поддельную) кнопку:

"De l'aide ? Cliquez ici"

И errrrrrrg !!!ширина меняется!Смотрите как:

problem after click

Видите?Почему это не работает?Я абсолютно не знаю, откуда проблема.Я пытался изменить размеры td и все, что смог найти (включая десятки вопросов jQuery / Table / Resize StackOverflow), но мне не удалось «показать» «help» <tr> правильно: оно никогда не изменялось до размераправая ширина.

Этот код в js-файле metier.js проблематичен: 

slides.hide();
$('#slideInner').fadeOut('slow', function() {
  $(divEnglobe).show('slow', function() {
    slideWidth = $(divTailleReference).innerWidth();
    slides.css({
      'float' : 'left',
      'width' : slideWidth
    }); 
    slides.show();

Как получается?

1 Ответ

2 голосов
/ 23 декабря 2011

td и tr элементы являются встроенными элементами и не могут иметь width .

Если вы сделаете элементы display: inline-block, это будет работать!
Это поддерживается во всех основных браузерах 1014 *.

Редактировать: я быстро опубликовал возможный ответ, но теперь я вижу, что ваш код уже работает какВы хотели в моем браузере (Chrome, Windows 7).Проблема может быть в чем-то другом!

...