我一直在試圖讓這個文本旋轉一次,我點擊了它的div,但無論我嘗試,它不起作用。任何幫助,將不勝感激。無法讓文本旋轉點擊
HTML:
<div class="list">
<div class="listItem">Ash Gray<p>+</p></div>
<div class="listItem"></div>
<div class="listItem"></div>
<div class="listItem"></div>
<div class="listItem"></div>
</div>
CSS:
.listItem {
width: calc(100% - 60\5px);
height: 53px;
padding: 1px;
margin-left: 60px;
margin-bottom: 5px;
background-color: #9265DC;
font-size: 1.5em;
text-align: left;
line-height: 55px;
color: #fff;
border: 1px solid #9265DC;
border-radius: 5px;
text-decoration: none;
}
.listItem p {
float: right;
line-height: 10px;
text-align: right;
margin-right: 10px;
font-weight: bolder;
}
.rotate {
-webkit-transform:rotate(45deg);
transform-origin: center;
}
的Javascript:
<script>
$(function(){
$(".listItem").click(function(){
$(".listItem p").toggleClass("rotate");
});
});
</script>
http://codepen.io/sol_b/pen/qRzrNq - 似乎爲我工作,你有沒有包括jQuery的? – sol