Question

<div id="fbAdsIconDiv" class="social_icon">
                        <img src="~/Content/images/fbAdsAddOn_1.png" onclick="toggleImage(this)" id="fbAdsAddOn" data-toggle="tooltip" 
                        title="click to enable" class="confirmBox fb_ads-icon" /></div>

我正在做的是我有两个图像，即 fbAdsAddOn_1.png 和 fbAdsAddOn_2.png 。对于这个我只是在Jquery代码下使用以替换一些额外的图像属性：

$(".social_icon img").each(function () {
            var imgsrc = $(this).attr('src');
            $(this).attr('src', imgsrc.replace('2', '1'));
            $(this).attr('data-original-title', 'click to enable');
            $(this).attr('data-target', '');
            $(this).attr('data-toggle', '');
        });

function loadNewLocation(leadId) {
        var form = $('#brand-add-form');
        var summary = form.find('[data-valmsg-summary="true"]'); // get summary
        summary.hide(); // hide to avoid flicker

        $.ajax({
            url: '/locations/_createwizarditem',
            data: { index: location_count , leadId: leadId},
            success: function (data) {
                alert((data));
                $('.location-setup').last().after($.parseHTML($.trim(data)));
                //$('.location-setup').last().after($(data));
                location_count += 1;
                addAsterisk(); 
                initStateDropdown();
                reinitializeValidator($('#brand-add-form'));
                prevStep();
                prevStep();


                summary.show();
            },
            error: function (response) {
                toastr.error("Something went wrong loading a new location", 'Oh No!');
                console.error(response);
                summary.show();
            }
        })
    }

它第一次工作但是在AJAX调用后它停止工作......我怎么能解决这个?????

Answer 1

如果我正确理解了您的问题，您希望在成功调用Ajax后替换图像。只需将replace函数置于成功事件中;

            success: function (data) {
                alert((data));
                $('.location-setup').last().after($.parseHTML($.trim(data)));
                //$('.location-setup').last().after($(data));
                location_count += 1;
                addAsterisk(); 
                initStateDropdown();
                reinitializeValidator($('#brand-add-form'));
                prevStep();
                prevStep();
                $(".social_icon img").each(function () {
                    var imgsrc = $(this).attr('src');
                    $(this).attr('src', imgsrc.replace('1', '2'));
                    $(this).attr('data-original-title', 'click to enable');
                    $(this).attr('data-target', '');
                    $(this).attr('data-toggle', '');
                });
                summary.show();
            }

在AJAX调用后替换图像源和属性添加停止

1 个答案: