克隆jquery移动表单元素

发布于 2024-11-28 02:23:21 字数 1521 浏览 1 评论 0原文

我创建了一个带有 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

魂ガ小子 2024-12-05 02:23:21

缺少结束引号

myClone.prependTo("#placeholder);  

现在可以使用:
http://jsfiddle.net/AlienWebguy/6YtcH/

Missing closing quotes

myClone.prependTo("#placeholder);  

Works now:
http://jsfiddle.net/AlienWebguy/6YtcH/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文