通过ajax拉html时丢失数据图标

Question

我有一个php函数生成类似于这个的网格数据：

<div id="_gridData">
            <div class="ui-grid-b">
                <div class="ui-block-a mobile-grid-header">&nbsp;</div>
                <div class="ui-block-b mobile-grid-header date-block">Time</div>
                <div class="ui-block-c mobile-grid-header number-block">Meal Type</div>
                <div class="ui-block-a ">
                <a id="delete_id_84" class="mp-delete-link ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-btn-icon-notext" data-iconpos="notext" data-icon="delete" data-role="button" href="" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" title="Delete"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Delete</span><span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span></span></a></div>
                <div class="ui-block-b  date-block  "><a id="edit_id_84" class="mp-edit-link ui-link" data-ajax="false" href="">02:00 AM</a></div>
                <div class="ui-block-c  date-block ">Lunch</div>
            </div>
</div>

但是，当我用ajax调用相同的函数来获取相同的数据时，它看起来像这样：

<div id="_gridData">
            <div class="ui-grid-b">
                <div class="ui-block-a mobile-grid-header">&nbsp;</div>
                <div class="ui-block-b mobile-grid-header date-block">Time</div>
                <div class="ui-block-c mobile-grid-header number-block">Meal Type</div>
                <div class="ui-block-a ">
                <a id="delete_id_84" class="mp-delete-link" data-iconpos="notext" data-icon="delete" data-role="button" href="">Delete</a></div>
                <div class="ui-block-b  date-block  "><a id="edit_id_84" class="mp-edit-link" data-ajax="false" href="">02:00 AM</a></div>
                <div class="ui-block-c  date-block ">Lunch</div>
            </div>
</div>

注意我已经丢失了附加到锚标记的所有额外类。

它使这个网格：

看起来像这样：

所以我的删除数据图标消失了。

我知道我在按钮和选择菜单等对象上调用'刷新'：

$('#_mealTime').val('');
$('#_mealTime').selectmenu("refresh");

我需要在锚标签上进行类似的调用吗？

Answer 1

是的，有一个类似的调用用于页面刷新，它将在您的情况下帮助您：

$('#_gridData').trigger('create');

以下是根据您的代码创建的工作示例：http://jsfiddle.net/Gajotres/f2BYn/。我错过了你的自定义CSS，因此缺少你造型的一部分。仍然 触发器（'create'）; 将设置jQM元素的样式。

Answer 2

检查你的CSS网址，当你在不同的路径上使用ajax而不是初始php脚本执行的路径来渲染页面时，你的路径可能会被抛弃。尽可能尝试使用根相对路径。

/图​​像/ delete_button

而不是

图像/ delete_button