Bootstrap-Iconpicker 和pjax插件一起使用图标加载问题

来源：互联网发布：centos 开启snmp 编辑：程序博客网时间：2024/05/24 03:09

个人博客地址https://xgs888.top/post/view?id=72

项目中整站用到pjax，由于需要菜单栏显示小图标就用了Bootstrap-Iconpicker插件，只需要直接引用就行

<div class="form-group">    <label for="tag" class="col-md-3 control-label">图标</label>    <div class="col-md-6">        <!-- Button tag -->             <button class="btn btn-default iconpicker" name="icon" id="target" data-iconset="fontawesome" data-icon="fa-sliders"   role="iconpicker" ><i class="fa fa-sliders"></i><input type="hidden" name="icon" value="fa-sliders"></button>    </div></div>

但是在编辑页面初始化加载的图标还会是你默认的值，所有需要在pjax完成的时候对图标进行赋值

<script>    $(document).on('pjax:complete', function() {      $icon =$('$icons').val();        $('#target').iconpicker()            .iconpicker('setIcon', $icon);    });</script>

阅读全文

0 0