0

我有以下功能：

datum.on('change', function(){
    var url = '<?php echo base_url()  ?>admin/admin_tvprogram .tvprogram > *';
    tvprogram.empty().load(url, {'datum':$(this).val()}, function(){
        var izmeni = $(this).find('a');
        izmeni.on('click', function(){
            var sat = $(this).parent().find('.sat'),
            sat_vrednost = sat.text(),
            naziv = $(this).parent().find('.naziv'),
            naziv_vrednost = naziv.text(),
            vrati = $(this).parent().append('<span class=vrati>Vrati</span>');

            var novi_sat = sat.replaceWith('<input type=text name=sat value=' + sat_vrednost + ' >' ),
            novi_naziv = naziv.replaceWith('<input type=text name=naziv value=' + naziv_vrednost + ' >' );

        });
    });
});

一切正常，但我需要更多功能。当用户单击vrati（新附加的span元素）时，元素sat和naziv需要返回到原始形式。我怎样才能做到这一点？

激活加载功能后，我得到以下 HTML：

<ul>
    <li>
    <span class="sat">18:00</span>
    <span class="naziv">Opravka Traktora</span>
    <a data-id="2">Izmeni</a>
  </li>
</ul>

单击izmeni后，我得到以下 HTML：

<ul>
<li>
<input type="text" value="18:00" name="sat">
<input type="text" traktora="" value="Opravka" name="naziv">
<a data-id="2">Izmeni</a>
<span class="vrati">Vrati</span></li>
</ul>
4

2 回答 2

0

当用户单击时，您正在保存元素的值。

可能需要在加载之前保存值，然后单击中的相同代码将恢复它们。

于 2013-03-18T16:36:49.420 回答
0

从您定义的变量中填充您的列表输入表，然后将 j query .text 操作应用于您的 sat 和 naziv，然后在单击 vrati 时再次为它们提供该变量的参数

//函数 textvalueToggle 在文档加载时被调用，将值分配给 sat 和 naziv。然后将点击监听器附加到 vrati 以调用相同的函数重新分配值

    $(document).ready(function() {
           textvalueToggle();
           $('#vrati').click(textvalueToggle);
    });

    function textvalueToggle() {
       $('#sat').text('18:00');
       $('#naziv').text('Opravka Traktora');
   }
于 2013-03-18T16:45:59.207 回答