在用jquery datatables插件的buttons扩展时，设置colvis属性问题

前端框架bootstrap3，使用mvc5
在使用jquery datatables插件的buttons扩展过程中，因为需要设置隐藏显示列的问题，使用了colvis属性，
初始化如下：
buttons: [
{
extend: 'colvis',
text: '显示/隐藏列',

columns: ':not(:last-child)',

postfixButtons: [{ extend: 'colvisRestore', text: '重置' },
]
},
]

                js文件导入顺序如下：
                jquery-3.0.0.min.js
                bootstrap.min.js
                jquery.dataTables.js
                dataTables.bootstrap.js
                dataTables.buttons.js
                buttons.bootstrap.js
                buttons.colVis.js
                css文件如下：
                bootstrap.css
                dataTables.bootstrap.css
                buttons.bootstrap.css

                遇到的问题：页面生成的“显示/隐藏列”按钮，点击该按钮后弹出一下拉菜单，（内容为列集合，点击可进行隐藏或显示列），此菜单无法关闭，只能重新刷新页面才能关闭，请问怎么解决？
                官网的例子：https://datatables.net/extensions/buttons/examples/column_visibility/simple.html
                用的谷歌浏览器、火狐浏览器都有此问题，但官网例子则没有该现象。
                请问我还需要进行什么设置？盼得到解答，谢谢！

http://zhidao.baidu.com/link?url=orWQ24lv2uU9PAKw6cp2L9mtStmBuQlTIVPyz0s8wGozbZqC0POAbw8D0Rzh063FGSiQbX2zvcG_JFucbRd25Zz_57Y3o1sbibXbwWOFi9C

感谢楼上的回答，不过貌似没有看清我的问题
是插件版本与jquery 3.0不兼容的问题，升级插件到1.2.2问题结局。