Opened 12 years ago
Closed 10 years ago
#9134 closed bug (duplicate)
wrapInner causes scripts in body to be run twice
Reported by: | Owned by: | gibson042 | |
---|---|---|---|
Priority: | high | Milestone: | 1.next |
Component: | manipulation | Version: | 1.6 |
Keywords: | Cc: | ||
Blocked by: | #11795 | Blocking: |
Description
If wrapInner is called from within the body of a page, it runs itself twice, and any other scripts in the body run twice regardless of where wrapInner is run. Consider this code snippet to duplicate.
<head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> </head> <body> <div id="initialdiv">this is the main div at first</div> <div id="anotherdiv">this is another div at first</div> <script type="text/javascript"> $(document).ready(function() { $('body').wrapInner('<div id="bodywrap"></div>'); }); alert("watch me duplicate"); </script> </body>
Change History (10)
comment:1 Changed 12 years ago by
comment:2 Changed 12 years ago by
The use case is for when you don't have control of a page's source code and need to modify it (in my case to wrap it in two divs with margin:auto on each, to center the page). The docs describe the method as a way to move elements around, but it appears to be recreating them. With traditional JS I would do this: http://jsfiddle.net/adGZS/. So it may just be a documentation issue if there is an alternative jQuery method to wrap items by just moving the children into the wrapper.
comment:3 Changed 12 years ago by
Component: | unfiled → manipulation |
---|---|
Priority: | undecided → high |
Resolution: | → duplicate |
Status: | new → closed |
comment:5 Changed 12 years ago by
Resolution: | duplicate |
---|---|
Status: | closed → reopened |
We're going to reopen this and try to fix it internally. Anyone who manually removes and then reinserts scripts is responsible for making sure they don't re-execute.
comment:6 Changed 12 years ago by
Status: | reopened → open |
---|
comment:8 Changed 10 years ago by
Blocked by: | 11795 added |
---|
comment:9 Changed 10 years ago by
Owner: | set to gibson042 |
---|---|
Status: | open → assigned |
comment:10 Changed 10 years ago by
Resolution: | → duplicate |
---|---|
Status: | assigned → closed |
Duplicate of #10470.
In my opinion, this feels like a weird way to be using wrapInner... this seems like it's expected that it would re-run the script block if it has to restructure the DOM.
In any case, here is the jsfiddle: http://jsfiddle.net/jboesch26/5ynpG/