克隆jquery移动表单元素
我创建了一个带有 id=template 的 div,它包含一些我想在用户单击按钮时重复的 html 代码。 Jquery mobile 会自动为此代码添加一些特殊格式(例如鼠标悬停和单击时的 css 颜色)。克隆工作正常,但是当我克隆代码时,格式会丢失。有没有办法使用 jquery 移动格式化进行克隆。
<!-- I think that these are required links... -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://jquerymobile.com/wp-content/themes/jquery-mobile/js/lib/modernizr-1.5.min.js"> </script>
</script>
<script>
$('.addPart').click(function() {
var myClone = $('#template').clone();
myClone.prependTo("#placeholder");
return false;
});
</script>
<div id='template'>
<div data-role="content" data-theme="b">
<fieldset data-role="controlgroup" data-type="horizontal">
<input type="radio" data-theme="a" name="ACFG" id="radio-choice-1" value="C" checked="checked" /><label for="radio-choice-1">One</label>
<input type="radio" data-theme="a" name="ACFG" id="radio-choice-2" value="T" /><label for="radio-choice-2">Two</label>
<input type="radio" data-theme="a" name="ACFG" id="radio-choice-3" value="P" /><label for="radio-choice-3">Three</label>
</fieldset>
</div>
</div>
<div id='placeholder'></div>
I created a div with id=template which wraps around some html code that I want to repeat when user clicks a button. Jquery mobile automatically adds some special formating to this code (such as mouse-over and on-click css colors). The clone works OK, however when I clone the code, the formating is lost. Is there a way to clone with jquery mobile formating.
<!-- I think that these are required links... -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://jquerymobile.com/wp-content/themes/jquery-mobile/js/lib/modernizr-1.5.min.js"> </script>
</script>
<script>
$('.addPart').click(function() {
var myClone = $('#template').clone();
myClone.prependTo("#placeholder");
return false;
});
</script>
<div id='template'>
<div data-role="content" data-theme="b">
<fieldset data-role="controlgroup" data-type="horizontal">
<input type="radio" data-theme="a" name="ACFG" id="radio-choice-1" value="C" checked="checked" /><label for="radio-choice-1">One</label>
<input type="radio" data-theme="a" name="ACFG" id="radio-choice-2" value="T" /><label for="radio-choice-2">Two</label>
<input type="radio" data-theme="a" name="ACFG" id="radio-choice-3" value="P" /><label for="radio-choice-3">Three</label>
</fieldset>
</div>
</div>
<div id='placeholder'></div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
缺少结束引号
现在可以使用:
http://jsfiddle.net/AlienWebguy/6YtcH/
Missing closing quotes
Works now:
http://jsfiddle.net/AlienWebguy/6YtcH/