Opened 6 years ago
Closed 5 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 6 years ago by
comment:2 Changed 6 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 6 years ago by
| Component: | unfiled → manipulation |
|---|---|
| Priority: | undecided → high |
| Resolution: | → duplicate |
| Status: | new → closed |
comment:5 Changed 6 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 6 years ago by
| Status: | reopened → open |
|---|
comment:8 Changed 5 years ago by
| Blocked by: | 11795 added |
|---|
comment:9 Changed 5 years ago by
| Owner: | set to gibson042 |
|---|---|
| Status: | open → assigned |
comment:10 Changed 5 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/