Question

我用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>

Answer 1

缺少收尾报价

myClone.prependTo("#placeholder);

立即行动： http://jsfiddle.net/AlienWebguy/6YtcH/

克隆jquery移动表单元素

1 个答案: