jquery center div в точке

Question

Я создаю div, используя jquery, и я пытаюсь сосредоточить его на определенной точке. Текст в div является динамическим, и он не сосредоточен в определенном родительском html, но я хочу сосредоточить его только на определенной точке.

Так в основном я

var centerX = 100; // dynamically computer in my code 
$('<div/>').text('sometext').css({'left': (centerPointX - $('#mydiv').width()/2) + 'px'}); 

Но ширина mydiv не известно, пока не будет вынесено, так что я не уверен, как идти о сосредоточении на х точки. Нужен ли мне внешний контейнер, в котором можно центрировать относительно?

Answer 1

Во-первых, $('#mydiv') получает элемент только в том случае, если он доступен в DOM.

Таким образом, сначала необходимо ввести вставить элемент в DOM, а затем получить доступ к свойству ширины. В противном случае это будет 0, когда вы попытаетесь получить доступ к свойству width элемента.