0

我正在使用下面的代码。我有 2 张图片。加号和减号。单击加号图像应更改为减号。但这里的形象没有改变。

 <script type="text/javascript">
    $(document).ready(function () {
    $("#plus").click(function () {
        if ($('#divreg').is(":hidden")) {
            $('#divreg').show(500);
            document.getElementById('plus').src = "~/Styles/min.jpg";
        } else {
            $("#divreg").hide(500);
            document.getElementById('plus').src = "~/Styles/plus.jpg";
        }
    });
});

4

2 回答 2

2

在没有通过 JSFiddle 或类似方式查看您的 html 的情况下，我确实看到了一个问题。您将服务器 url 用作：

~/Styles/min.jpg

这是由 ASP.NET 运行时而不是由 JQuery 解析的，因此您的图像路径不正确。更改此路径以对其进行测试，看看是否可行。如果没有，您还有其他错误，应该在 JSFiddle 上为其创建一个测试用例以获得更多帮助。

于 2013-05-21T08:29:49.390 回答
0

这是我的小提琴http://jsfiddle.net/ponrajpaul/BwGTn/

让你的 html 像这样

<div id="plus">
    <a class="plus minus"></a>    
</div>

让你的 CSS 像这样

#plus a{display:block; width:128px; height:128px;}
#plus .plus{background: url("http://icons.iconarchive.com/icons/gakuseisean/ivista-2/128/Alarm-Plus-icon.png") no-repeat;}
#plus .minus{display:block; background:url("http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/128/Math-minus-icon.png") no-repeat;}

让你的脚本像这样

$(document).ready(function () {
    $("#plus a").click(function () {
        if ($(this).hasClass('minus')){  
            $(this).removeClass("minus");              
        }else{
            $(this).addClass("minus");              
        }
    });
});
于 2013-05-21T09:33:44.590 回答