javascript - Using jquery html() method to get width of dynamic text needs timeout -


I'm trying to use a technique that I've seen elsewhere so that quickly with any dynamic text Insert a DOM node. However, to get the width of a div, however, after the html () call, the result of the width () method gives me, I think, unchanged width later I can get width with formatted text. What does it give here? Is there a delay in painting? Is there a better way to do this, like with inline styles or some things? Or am I completely losing a concept? 

  var htmlStr = "& lt; span id = 'userFeedbackText' class = 'user-feedback-text' & gt; + F +" & lt; / Span & gt; "; _feedbackEl.html (htmlStr); _feedbackEl.show (); console.log ($ (" # userFeedbackText ") outerWidth ().); // 238 window.setTimeout (function () {console. Edit: OK, well I hide the CSS visibility setting:

I'm facing the problem, so that the problem can be solved but I still want to know the underlying mechanism in this specific example. Thanks

EDIT2: I have snatched the app in empty disorder.It seems because the dynamic text is a fonts from Google fonts, which is remotely referenced. So, I'm guessing here, the first width has been shaky, then the browser has a little bit to present the text in the font. It takes time, so there is a change in width in Chrome or Safari (sporadic) on Mac Mavricks here, Belal is also sporadic, fire on Firefox for Mac first time


Comments

Post a Comment

Popular posts from this blog

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

scala - Play Framework - how to bind form to a session field -

Is there any way, I can get some parameters from the header, cookies (log in userId in my case) , And then apply it in a form which I know who will deposit the ticket? SupportForm supportForm: form [supportTicket] = form (mapping ("question" -> text, "priority" -> text) (apply support ticket. (HelpText.update) What are the good practices here? What is the call to apply the request, when I can use it (and also a good practice?) Edit An issue, absolutely deceiving anyone if I were to create a hidden area with this value. It could Ript, but the issue may be re-used in any way to verify and return the form, it can not be sure how it ....
Read more