Почему после создания элементов с помощью jquery они не видны в Chrome

Question

Я создаю элементы с помощью jQuery простым способом.

Так что он должен работать после того, как документ готов, и он отлично работает с IE, но не с Chrome, Firefox или Safari.Они созданы, но не видны!

Например, в chrome, когда я включаю оповещение после того, как документ готов, после нажатия ОК, элементы становятся видимыми, или когда я открываю элементы «проверять элементы», становятся видимыми.

Кто-нибудь знает в чем проблема?

var radio_span = $('<span></span>')
 .addClass('jqTransformRadioWrapper')
 .attr('id', spanRadio_id) (...etc)

Answer 1

var radio_span = $('<span></span>')
 .addClass('jqTransformRadioWrapper')
 .attr('id', spanRadio_id) (...etc)

Что это делает, это помещает ваш элемент в переменную radio_span, чтобы увидеть элемент, который вам нужно будет каким-то образом вставить в документ с помощью append, prepend, html или любого другого метода, который делает это, например, так:

radio_span.appendTo('body');

http://jsfiddle.net/adeneo/zKWxp/4/

Теперь я вижу, что ваше письмо о том, что элементы становятся видимыми при открытии проверяющего элемента или добавлении предупреждения, звучит очень странно, и вам, вероятно, придется делать то, что Феликсговорит, добавьте больше кода!

Answer 2

попробуйте обернуть ваш код в:

$(function() { ... });

Если это не сработает, попробуйте обернуть его в:

$(window).load(function () { ...  });

Answer 3

Разве это не должно быть так:

var radio_span = $('#spanid');
 radio_span.addClass('jqTransformRadioWrapper');