Question

我有一个带图标的div，我想在每次点击时更改它这是我的

$$('.right').on('click', function() {
  $$("#change-view").html() === '<i id="" class="material-icons">view_column</i>' ? $$("#change-view").html('<i id="" class="material-icons">view_carousel</i>') : $$("#change-view").html('<i id="" class="material-icons">view_column</i>');
})

<div class="right"><a href="#" id="change-view" class="link"><i class="icon 
material-icons">view_carousel</i></a></div>

注意：它仅适用于第一次点击，但之后不再更改我正在使用Framework（

）的double（$$）

Answer 1

您可以使用解决方案

＆＃13;

var $$ = $.noConflict();
$$('.right').on('click', function() {
  $$("#change-view").html() === '<i id="" class="material-icons">view_column</i>' ? $$("#change-view").html('<i id="" class="material-icons">view_carousel</i>') : $$("#change-view").html('<i id="" class="material-icons">view_column</i>');
})

＆＃13;

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="right"><a href="#" id="change-view" class="link"><i class="icon 
material-icons">view_carousel</i></a></div>

＆＃13;

希望这会对你有所帮助。

切换图标框架7

1 个答案: