我需要在body标签后面添加一些html,如下所示:
<body> <p>this is the HTML I need to add</p> </body>
这是我的jQuery代码:
jQuery(document).ready(addPageFlipHTML); function addPageFlipHTML() { jQuery('body') // after body tag .after( "<div id='pageflip'><a href='http://sabwd.com'><img src='/test/wp-content/plugins/page-flip/images/page_flip.png' alt='' />" //create this html + "<span class='msg_block'>Subscribe via RSS</span></a></div>"); }
有谁知道如何做到这一点?我正在尝试编写一个通用插件,并需要一个明确的标签,如身体添加后,但内部.
提前致谢,
麦克风
解决方法
要在开头< body>内定位新内容元素,你想要
prepend()
(docs)方法:
jQuery('body') .prepend( "<div id='pageflip'><a href='http://sabwd.com'><img src='/test/wp-content/plugins/page-flip/images/page_flip.png' alt='' />" //create this html + "<span class='msg_block'>Subscribe via RSS</span></a></div>");
原因是jQuery(‘body’)没有选择开头< body>标签,而是整个< body>< / body>元件.
所以after()
(docs)方法试图在< / body>之后放置新内容,这是无效的.但是.prepend()会将新内容放在正文中(并且在可能在其中的任何其他内容之前).