选择';隐藏&x27;从javascript/jquery中的Rmarkdown生成的html笔记本中的按钮
根据,您可以使用jquery选择笔记本的元素并对其进行修改 它适用于文本元素甚至代码块,但由于某些原因,它既找不到“.row”div,也找不到它包含的“Hide/code”按钮 问题是,我想通过添加类“btn primary”将按钮的主题更改为primary,方法是:选择';隐藏&x27;从javascript/jquery中的Rmarkdown生成的html笔记本中的按钮,javascript,jquery,r,r-markdown,rnotebook,Javascript,Jquery,R,R Markdown,Rnotebook,根据,您可以使用jquery选择笔记本的元素并对其进行修改 它适用于文本元素甚至代码块,但由于某些原因,它既找不到“.row”div,也找不到它包含的“Hide/code”按钮 问题是,我想通过添加类“btn primary”将按钮的主题更改为primary,方法是: $('button').each(function(){ $( this ).addClass('btn-primary') }) 在脚本标记或js块中 对于这两种情况,它更改了右上角“代码”下拉菜单的主题(您可以在其中隐藏
$('button').each(function(){
$( this ).addClass('btn-primary')
})
在脚本标记或js块中
对于这两种情况,它更改了右上角“代码”下拉菜单的主题(您可以在其中隐藏或显示所有代码),但没有更改与代码块关联的隐藏/代码按钮的主题
然后我尝试了console.log($('button').length)
和console.log($('.code-folding-btn').is())
,它们分别返回了“1”和“false”。执行$('div').css('border','2px solid red')
显示未选择divs'.row'(包含按钮)和'.collapse'(包含前缀和代码)。但是您仍然可以同时选择pre和code!?为什么?
使用CSS,您可以很容易地修改这些按钮,因为类可以被它识别,但是我不想找到要添加到这个类中的引导CSS。。。特别是因为我还得改变所有的州
我不敢相信没有办法使用JS来修改这些按钮,所以请告诉我你找到了一个
谢谢
使用的R代码:
---
title: "R Notebook"
output: html_notebook
---
## Testing to select Hide/Code buttons
This is an [R Markdown](http://rmarkdown.rstudio.com) Notebook. When you execute code within the notebook, the results appear beneath the code.
```{r test-chunk}
#test chunk
```
```{js, echo=FALSE}
$('button').each(function(){
$( this ).addClass('btn-primary dropdown-toggle')
})
$('*').find('button').css('border', '2px solid yellow')
console.log($('button').length)
console.log($('.btn').is())
$('div').css('border', '2px solid red')
$('.row').css('border', '2px solid orange')
$('.collapse').css('border', '2px solid orange')
$('pre').css('border', '2px solid orange')
$('code').css('border', '2px solid orange')
```
它生成以下div元素(不提供完整的html或正文,因为它将所有css和js脚本作为文本):
代码
笔记本电脑
选择隐藏/编码按钮的测试
这是一本笔记本。在笔记本中执行代码时,结果显示在代码下面
隐藏
#测试块
$(“按钮”)。每个(函数(){
$(this).addClass('btn-primary下拉切换')
})
$('*').find('button').css('border','2px纯黄色')
console.log($('button').length)
console.log($('.btn').is())
$('div').css('border','2px实心红色')
$('.row').css('border','2px实心橙色')
$('.collapse').css('border','2px实心橙色')
$('pre').css('border','2px实心橙色')
$('code').css('border','2px实心橙色')
2)一个中国的一个中国的一个中国的准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准2.2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 qokkcdkaxynks5JC3MOJ2JVCMRCICICICCCHGGC29SAWQGCMVKJYKNCIQOJ5YB3CNKS 5JC3MOJ2JVCMRCICICCHGC29SAWQGB3JHBMDLJYKNCIQOJ5JB2xSYXBZSCPLMNZCYGYGYKJYKZYKZYKZZB2PZCBVCMFUZ2UNKQ0KJCGNCHJJJJJYKYK3ZKIB3JJJJJZXINLCANK4JKJKJJJJJJJJJJJJJZZZINLCANMB4IHNBJJ2JJJJJJJJJJ2JJJKZZZZZZZZZZZZZZZKKKKKKKKKZZZZZZZZ==
理想情况下,Jquery是添加class或JS的最佳方式-添加HTML,以及添加所有按钮的位置以及希望类转到哪个按钮?HTML与每个R笔记本相同,只是内容发生了变化。我没有添加任何html。用一个代码块和我提供的代码在R中做一个常规的html_笔记本,将得到与我相同的结果。当你检查/检查按钮时,它是否显示已经添加到其中的特定类?可能还有其他一些CSS处于优先地位。@Twisty不确定这是否会解释选择器没有找到所有“按钮”元素的原因?理想情况下,Jquery是添加class或JS的最佳方式-添加HTML以及所有按钮的位置以及希望类进入的位置?HTML与每个R笔记本相同,改变的只是内容。我没有添加任何html。用一个代码块和我提供的代码在R中做一个常规的html_笔记本,将得到与我相同的结果。当你检查/检查按钮时,它是否显示已经添加到其中的特定类?可能还有其他CSS处于优先地位。@Twisty不确定这是否可以解释选择器没有找到所有的“按钮”元素?