Question

我添加了两个自定义按钮（用于自定义章节导航），后来在我的代码中我想删除/隐藏它们。但是使用removeChild（）只能删除两者之一（甚至两次删除）

添加它们的效果很好，但这实际上是消除我遇到麻烦的地方。

这是我尝试过的方法，但是我不能将两者都删除

var nextChapButton = myPlayer.controlBar.addChild("button",{}, 1);
var nextChapButtonDom = nextChapButton.el();
nextChapButtonDom.innerHTML = ">>";

var prevChapButton = myPlayer.controlBar.addChild("button",{}, 0);
var prevChapButtonDom = prevChapButton.el();
prevChapButtonDom.innerHTML = "<<";

myPlayer.controlBar.removeChild("Button");
//even doing it twice the ">>" button remains
myPlayer.controlBar.removeChild("Button");

我无法声明“ button”和“ button2”来区分它们，否则会出现以下错误，因为它不是videojs组件

Uncaught Error: Component Button2 does not exist
    at ControlBar.addChild (video.js:3525)
    at loadVideo (load.js:261)
    at loadPage (load.js:196)
    at startConfig (load.js:171)
    at HTMLButtonElement.onclick (load.html:114)

Answer 1

您已经拥有删除按钮所需的一切：prevChapButtonDom和nextChapButtonDom。删除按钮将是：

nextChapButtonDom.remove();
prevChapButtonDom.remove();

我创建了okhttp 3: how to decompress gzip/deflate response manually using Java/Android来显示通过按钮删除元素。请注意，为简单起见，我使用了jQuery，但以任何方式都不需要删除按钮元素。

如何从ControlBar组件中删除两个自定义按钮

1 个答案: