клонирование jquery мобильных элементов формы - PullRequest
Новая
       4

клонирование jquery мобильных элементов формы

1 голос
/ 06 августа 2011

Я создал div с id = template, который оборачивает некоторый 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>

1 Ответ

0 голосов
/ 06 августа 2011

Отсутствуют закрывающие кавычки 

myClone.prependTo("#placeholder);

Работает сейчас: http://jsfiddle.net/AlienWebguy/6YtcH/

...