Jquery toggle（）无法使用YouTube订阅按钮

Question

想要点击 youtube 订阅按钮时创建 DIV切换。另外，我想隐藏Youtube按钮。 这看起来很简单，但 Jquery 切换方法不适用于youtube子按钮。

代码↓

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(e){
//Your code here
    $('#xx2').click(){
    $('#cc').toggle();
    }
});
</script>


<div id="cc" style="display:none;" >
    <h1>this is a hidden item</h1>
</div>
<script src="https://apis.google.com/js/platform.js"></script>
<div id="btn">
<div id="xx2" class="g-ytsubscribe" 
data-channelid="UCwevqbHI8ppBSvVKESoLpPQ" 
data-layout="full" data-count="default" ></div>
</div>

见照片：

Answer 1

请关闭脚本标记并在xx2 div中提供一些文本。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e){
    $('#xx2').click(function(e){
        $('#cc').toggle();
    });
});
</script>
<div id="cc" style="display:none;">
    <h1>this is a hidden item</h1>
</div>
<script src="https://apis.google.com/js/platform.js"></script>
<div id="btn">
<div id="xx2" class="g-ytsubscribe" 
data-channelid="UCwevqbHI8ppBSvVKESoLpPQ" 
data-layout="full" data-count="default" >text</div>
</div>

Answer 2

语法错误

1. 更改$(document)而不是$("document")
2. click函数声明错误。启动function的点击xx2以及点击功能
内的切换
＆＃13;
＆＃13;
$(document).ready(function(e) {
  $('#xx2').click(function() {
    $('#cc').toggle();
  })
});
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div id="cc" style="display:none;">
  <h1>this is a hidden item</h1>
</div>
<div id="btn">
  <div id="xx2" class="g-ytsubscribe" data-channelid="UCwevqbHI8ppBSvVKESoLpPQ" data-layout="full" data-count="default">xx</div>
</div>
＆＃13;
＆＃13;
＆＃13;

Answer 3

jquery的语法有错误，请使用以下cod：

<script type="text/javascript">
    $(document).ready(function(e){
        $('#xx2').click(function(){
            $('#cc').toggle();
        });
    });
</script>

Answer 4

也许经典的方式可行：

HTML：

<div id="cc">
    <h1>this is a hidden item</h1>
</div>
<div id="btn">
  <div id="xx2" class="g-ytsubscribe"
      data-channelid="UCwevqbHI8ppBSvVKESoLpPQ" 
      data-layout="full" data-count="default">
         xxx <!-- The xxx is used for better hitting -->
    </div>
</div>

我从#cc删除了style属性。 添加了以下CSS：

div.cc {display:none;}

使用Javascript：

$(document).ready(function(){
    $('#xx2').click(function() {
        $('#cc').toggleClass("cc");
    });
});

到目前为止，我理解你的问题，根据Jsfiddle.net确实有效。