关于jquery.barrager.js的使用中修改为指定元素内进行和阻止点击a标签跳转

1.首先引入两个文件(悄悄告诉你，下载文件可以进入官网，然后控制台，资源sources，一下就找到了，不用谢)，jquery.barrager.js在线演示：https://yaseng.org/jquery.barrager.js/

<!-- 引入css文件 -->
<link rel="stylesheet" href="./barrager.css">
 
<!-- 引入js文件 -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.barrager.js"></script>

2.创建指定的item，此时给item加上el属性,现在还不能使用

var item = {
    el：‘.box’
    info : message, //文字 
    href : false, //链接 
    close : false, //显示关闭按钮 
    speed : 10, //延迟,单位秒,默认6 
    color : '#ffffff', //颜色,默认白色 
    old_ie_color : '#ffffff', //ie低版兼容色,不能与网页背景相同,默认黑色 
}

3.修改js文件，找到jquery.barrager.js中的

第一步，给继承加上el属性，初始为window
barrage = $.extend({
            close: true,
            bottom: 0,
            max: 10,
            speed: 6,
            color: '#fff',
            old_ie_color: '#000000',
            el: window
        }, barrage || {});
第二步，修改第23行代码，把window改为，barrage.el
var window_height = $(barrage.el).height() - 100;

4.还可以进入css文件，进行修改样式，比如背景，最重要的的是里面的a标签不管你设置item的属性href为false也会进行跳转，此时可以进入css文件

找到类名，添加上，pointer-events: none;
.barrage_box div.p a {
    margin-right: 0.5333vw;
    font-size: 3.7333vw;
    color: #fff;
    line-height: 10.6667vw;
    margin-left: 2.6667vw;
    pointer-events: none;
}

此处只解决一定的问题，更多设置可以看：https://blog.csdn.net/qq_34672935/article/details/82798251?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167305795116800217041155%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=167305795116800217041155&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-1-82798251-null-null.142^v70^control,201^v4^add_ask&utm_term=jquery.barrager.js&spm=1018.2226.3001.4187