Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript anno.js-如何在anno.js中自定义按钮_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript anno.js-如何在anno.js中自定义按钮

Javascript anno.js-如何在anno.js中自定义按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我每隔几天就下载一个名为anno.js的插件,我的js代码不是很好。我想在这个插件中自定义一个内置按钮。以前有人这样做过吗 我想做的就是定制这个跳过按钮 变成这个 这是我的js代码 var anno8 = new Anno([{ target: '.guides', position: 'left', content: "Add another app or manage existing ones by going to <b>‘

我每隔几天就下载一个名为anno.js的插件,我的js代码不是很好。我想在这个插件中自定义一个内置按钮。以前有人这样做过吗

我想做的就是定制这个跳过按钮

变成这个

这是我的js代码

var anno8 = new Anno([{
        target: '.guides',
        position: 'left',
        content: "Add another app or manage existing ones by going to <b>‘My Applications’</b> through this menu button",
        buttons:[{
            text:'Skip',
            click: function(anno,evt){
                anno.hide();
                //$('#dialog').modal('show');
            }
        },AnnoButton.NextButton]
var anno8=新Anno([{
目标:'.guides',
位置:'左',
内容:“通过此菜单按钮转到“我的应用程序”,添加其他应用程序或管理现有应用程序”,
按钮:[{
文本:'跳过',
单击:功能(anno、evt){
anno.hide();
//$('对话框').modal('显示');
}
},AnnoButton.NextButton]

Anon.js有自己的css文件。您可以直接编辑css,也可以创建自己的css文件

.anno-btn {
//define your styles here
}

如果编辑.anno btn类,则将编辑所有按钮。 您必须在按钮中添加一个特定的类名,这样您就可以通过css选择它

var intro =   new Anno([
              { 
                ...
                buttons:[{
                text:'Skip',
                className: 'anno-btn-skip',
                }]
                ...
              },
            ]);
我建议选择带有您想要的特定文本的按钮

$('document').ready(函数(){
var intro=新Anno([
{ 
目标:“#第一”,
内容:“你好,世界!”,
按钮:[{
文本:'跳过',
类名:“anno btn skip”,
}]
},
]);
$('clickMe')。在('click',函数(e)上{
show()简介;
});
});
.element{
高度:100px;
宽度:100px;
边框:2倍纯绿;
保证金:0px自动;
}
.anno btn container>.anno btn skip{
背景色:白色!重要;
颜色:#0d7fad!重要;
边框:1px实心#0d7fad!重要;
边界半径:0.6em!重要;
}

第一要素

如何为skip按钮添加额外的类,因为如果我检查它们,所有按钮都有相同的类,这就是为什么我只选择
skip
按钮而不是所有
。anno btn
skip Next这是他们的html标记,如果我上次检查它们,请检查我的答案。我没有选择
。anno btn
我选择的是ode>按钮带有class
.anno btn
和text
skip
对不起,如果您使用。skip不是指“skip”text,而是另一个名为skip cmiiw的类。我明白了,那么如何为skip添加额外的类呢?