c# - Change image src with jquery - Stack Overflow

admin管理员组

文章数量:1315986

I have this code:

function EnableiPad(event) {
    var id = $(event.currentTarget).attr("data-id");
    var status = $(event.currentTarget).attr("data-status");    
    $.post("/Ipad/ChangeStatus", { id: id, enable: status }, onAjaxSuccess);
};
function onAjaxSuccess(data) {
    var status = $(".button-enable").attr("data-status");

    if (status == 'true') 
    {
        $('#statusImg').attr("src", '/Content/img/disable.png');
    }
    else 
    {
        $('#statusImg').attr("src", '/Content/img/enable.png');
    }
}

But it doesn't change image - $('#statusImg').attr("src", '/Content/img/disable.png');

Update

Here is my images:

@if (iPad.Enabled)
{
    <button  class="button-enable" data-original-title="Show timetable"  data-id="@iPad.Id" data-status="false" class="btn btn-mini" style="border: 0; background: transparent; box-shadow: none; padding: 0;">
        <img id="status" width="24" height="24" alt="Delete doctor" src="/Content/img/enable.png" />
    </button>
}
else
{ 
    <button id="statusDisable" class="button-enable" data-original-title="Show timetable"  data-id="@iPad.Id" data-status="true" class="btn btn-mini" style="border: 0; background: transparent; box-shadow: none; padding: 0;">
        <img id="status" width="24" height="24" alt="Delete doctor" src="/Content/img/disable.png" />
    </button>
}

I have this code:

function EnableiPad(event) {
    var id = $(event.currentTarget).attr("data-id");
    var status = $(event.currentTarget).attr("data-status");    
    $.post("/Ipad/ChangeStatus", { id: id, enable: status }, onAjaxSuccess);
};
function onAjaxSuccess(data) {
    var status = $(".button-enable").attr("data-status");

    if (status == 'true') 
    {
        $('#statusImg').attr("src", '/Content/img/disable.png');
    }
    else 
    {
        $('#statusImg').attr("src", '/Content/img/enable.png');
    }
}

But it doesn't change image - $('#statusImg').attr("src", '/Content/img/disable.png');

Update

Here is my images:

@if (iPad.Enabled)
{
    <button  class="button-enable" data-original-title="Show timetable"  data-id="@iPad.Id" data-status="false" class="btn btn-mini" style="border: 0; background: transparent; box-shadow: none; padding: 0;">
        <img id="status" width="24" height="24" alt="Delete doctor" src="/Content/img/enable.png" />
    </button>
}
else
{ 
    <button id="statusDisable" class="button-enable" data-original-title="Show timetable"  data-id="@iPad.Id" data-status="true" class="btn btn-mini" style="border: 0; background: transparent; box-shadow: none; padding: 0;">
        <img id="status" width="24" height="24" alt="Delete doctor" src="/Content/img/disable.png" />
    </button>
}

• c#
• javascript
• jquery
• asp-mvc
• asp-mvc-3

Share Improve this question Follow edited Aug 10, 2012 at 7:52 Tim B James 20.4k44 gold badges7676 silver badges106106 bronze badges asked Aug 10, 2012 at 7:42 revolutionkpirevolutionkpi 2,6821111 gold badges4949 silver badges8787 bronze badges 5

• you missed the last bracket. Is the actual code like that or this is just a typo? – davids Commented Aug 10, 2012 at 7:45
• 1 This calls for basic debugging first. At which point does it fail - is EnableiPad() ever called? Is the Ajax request ever fired? Does the success callback ever e back? Are there any error messages in the console? – Pekka Commented Aug 10, 2012 at 7:45
• It seems valid. Probably the problem is in something subtle. – Lyubomir Vasilev Commented Aug 10, 2012 at 7:46
• Any errors? Why are you handling the image change in the callback function when you don't seem to use the data from the callback? why not just do it prior to the post event? – Tim B James Commented Aug 10, 2012 at 7:47
• $('#statusImg').attr("src", '/Content/img/disable.png'); should work fine if selector is ok. Try to debug app more. – Michael Commented Aug 10, 2012 at 7:47

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

id of your img tag is status, so it should be:

$('#status').attr("src", '/Content/img/disable.png');

本文标签： cChange image src with jqueryStack Overflow