在一个按钮中执行两个操作(图像更改)
在一个按钮中执行两个操作(图像更改)
提问于 2016-08-10 14:12:59
我在为一个按钮分配两个操作时遇到了问题。单击图像后，图像会发生变化。只有当我单击图像时，操作才有效，而不是在按钮上。你能想到如何改变代码，在点击按钮后图像改变和动作发生吗？
下面是我的代码：
<a href="" class="btn btn-gray">
<img src="images/icons/full.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.ADVANCED)"
ng-show="candidates.selectedTableType == candidates.tableTypes.SIMPLE">
<img src="images/icons/full-hide.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.SIMPLE)"
ng-show="candidates.selectedTableType == candidates.tableTypes.ADVANCED">
</a> 谢谢你们！
回答 2
Stack Overflow用户
发布于 2016-08-10 14:18:56
您可以在这里使用两个<a>，并将您的ng-click和ng-show属性移动到各自的链接。
<a href="" class="btn btn-gray" ng-show="candidates.selectedTableType == candidates.tableTypes.SIMPLE" ng-click="candidates.setTableType(candidates.tableTypes.ADVANCED)">
<img src="images/icons/full.png" alt="">
</a>
<a href="" class="btn btn-gray" ng-click="candidates.setTableType(candidates.tableTypes.SIMPLE)" ng-show="candidates.selectedTableType == candidates.tableTypes.ADVANCED">
<img src="images/icons/full-hide.png" alt="" >
</a> Stack Overflow用户
发布于 2016-08-10 15:10:14
我只是在学习CSS/HTML，但是我可以用一点javascript来解决你的问题。link
HTML代码
<div class="btn" id="myDiv" onClick="bgcol()"><a href="https://www.google.com" target="_blank">LINK</a> </div>JS代码
<script> function bgcol()
{
document.getElementById("myDiv").style.backgroundImage = "url('http://dataduppedings.no/subcube/Colour_Gradients/Cyan-Blue_256x256.png')";
/* insert your image here */
} </script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38865530
复制相关文章
相似问题
腾讯云开发者
