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

How to hide the layui slider

藏色散人
Release: 2020-11-30 14:16:30
Original
4044 people have browsed it

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

$('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],

  });

});

Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template