Question

我试图在我的网站上添加一个切换按钮，其中它启用或禁用某个功能的功能，但是在测试时，我遇到了一个问题，即使切换工作或它也不会发出警报图像改变了。如何使其工作，任何帮助和建议表示赞赏。

HTML：

<img id="toggle-video" src="/images/Icons/10_device_access_video.png" 
style="background-color:#C0C0C0; height: 20px; width:20px;" alt="" /> 

<img id="toggle-volume" src="/images/Icons/10_device_access_volume_on.png" 
style="background-color:#C0C0C0; height: 20px; width:20px; margin-left:-5px;" alt="" />

JQUERY：

        $("#toggle-video").on({'click':function() { 
        var origsrc = $(this).attr('src');
        var src = '';
        if (origsrc == '/images/Icons/10_device_access_video.png') src = '/images/Icons/10_device_stop_video.png';
//        {
//          alert(video success);
//        }
        if (origsrc == '/images/Icons/10_device_stop_video.png') src = '/images/Icons/10_device_access_video.png';
//        {
//          alert(volume success);
//        }
        $(this).attr('src', src);
        }
        });

Answer 1

代码工作正常。

您正在尝试提醒变量而不是字符串

alert(video success);
alert(volume success);

alert(`video success`);
alert(`volume success`);

Answer 2

您需要在src条件的{ }内放置更改if值的代码：

$("#toggle-video").on({
    'click': function () {
        var origsrc = $(this).attr('src');
        var src = '';
        if (origsrc == '/images/Icons/10_device_access_video.png') {
            src = '/images/Icons/10_device_stop_video.png';
            alert('video success');
        }
        if (origsrc == '/images/Icons/10_device_stop_video.png') {
            src = '/images/Icons/10_device_access_video.png';
            alert('volume success');
        }
        $(this).attr('src', src);
    }
});

<强> Fiddle Demo

JQuery：切换条件

2 个答案: