Home  >  Article  >  Web Front-end  >  How to hide the layui slider

How to hide the layui slider

藏色散人
藏色散人Original
2020-11-25 10:32:513924browse

How to hide the layui slider: first open the corresponding code file; then disable the ifrma slider through the "content: ['/home/index/echartTest?role=2&wd=' host,'no']" method Just display it.

How to hide the layui slider

The operating environment of this tutorial: Windows 7 system, layui version 2.5.6. This method is suitable for all brands of computers.

Recommended: "layUI Tutorial"

layer.js open hide scroll bar

$('img.echart-trand').click(function() {
 
  var host = $(this).data('host');
  var role = $(this).data('role');
 
  console.log('host',host);
  console.log(window.width);
 
  var labeltitle = host;
  if(role==4)labeltitle = $(this).data('title');
 
  var width = $(window).width() + "px";
  var height = $(window).height() + "px";
  layer.open({
    type: 2,
    title: labeltitle + ' - 投放关系图',
    shadeClose: true,
    move: false,
    scrollbar: false, // 父页面 滚动条 禁止
    // maxmin: true,
    area: [width, height],
    // content: ['/home/index/echartTest?role=2&wd='+host,'no'], //ifrma 滚动条 禁止显示 页面
    content: ['/home/index/echartTest?role='+role+'&wd=' + host],
  });
});

The above is the detailed content of How to hide the layui slider. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn