Javascript 此代码在代码段中工作，但在blogger中不工作

这是我的博客，我在博客中添加了如下代码。下面的代码在代码段中工作正常，如下面的示例所示，但在我的博客中工作不正常，我在blogger平台中使用它，我是否应该使用任何jquery库使其工作。请参见下面的代码段，它在代码段中工作正常。我的目标是隐藏一个小部件，如果另一个小部件显示，但在我的博客中同时显示两个小部件

柱
苹果
葡萄
文献类文章
芒果
浆果
多组选择

达拉斯牛仔队
纽约巨人队
费城鹰
华盛顿红皮队

您的小提琴似乎也不能正常工作，正如评论中所建议的，在页面（文档）准备好后执行JavaScript：

JavaScript文档就绪函数 完整JavaScript：

解决了！我在

标签之后添加了我的

，它的工作原理如下，这是我在我的

我得到了我想要的结果，我的意思是，如果一个小部件被隐藏，另一个小部件被显示，那么我使用了

if（now.getSeconds（）%2==0）

下面是我在博客中添加的完整代码。我刚刚更改了，我的意思是在

div

成功后添加了

script

标记

<div id="multi-search">
  <select id="cmbColumn" name="cmbColumn">
    <option value="" />Columns
    <option value="apple+" />apple
    <option value="grapes+" />grapes
  </select>
  <select id="cmbSidebar" name="cmbSidebar">
    <option value="" />Sidebars
    <option value="mango+" />mango
    <option value="berry+" />berry

  </select>
</div>

<div id="multi-search-groups">
  <em>Multiple Select with Groups</em><br />
  <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
    <option value="" />
    <optgroup label="NFC EAST">
      <option />Dallas Cowboys
      <option />New York Giants
      <option />Philadelphia Eagles
      <option />Washington Redskins
    </optgroup>
  </select>
</div>


<script type="text/javascript">
var control1VisibleCheck = function () {
  var now = new Date();
  //TODO: modify this logic to your needs: have a look on the Date() object's members and methods to implement what you need
  if (now.getSeconds() % 2 == 0)    //I'd like to show control1 on even minutes
    return true;
  return false;
}

if (control1VisibleCheck())
  document.getElementById('multi-search-groups').style.display = 'none';
else
  document.getElementById('multi-search').style.display = 'none';
</script>

柱
苹果
葡萄
文献类文章
芒果
浆果
多组选择

达拉斯牛仔队
纽约巨人队
费城鹰
华盛顿红皮队
var control1VisibleCheck=函数（）{
var now=新日期（）；
//TODO:根据您的需要修改此逻辑：查看Date（）对象的成员和方法，以实现您需要的内容
if（now.getSeconds（）%2==0）//我希望在偶数分钟内显示control1
返回true；
返回false；
}
如果（control1VisibleCheck（））
document.getElementById（'multi-search-groups'）。style.display='none'；
其他的
document.getElementById（'multi-search'）.style.display='none'；

@JaromandaX请看这个，它在没有任何外部资源的情况下，在fiddle中运行良好，但我不知道为什么它在blogger中不起作用。我已经将我在我的博客中使用的代码粘贴在上面blog@JaromandaX但是我怎样才能使同样的东西工作呢？我应该添加任何jquery库吗？但是我也在其他博客中实现了，我的意思是测试博客，但它也不起作用，它是干净的测试博客，jquery代码…？另一个测试博客，这里也不起作用，我把脚本放在div之后，它起作用了，检查一下，但让我检查一下你的代码

(function() {
    // your code here
});

(function() {
    var control1VisibleCheck = function () {
      var now = new Date();
      //TODO: modify this logic to your needs: have a look on the Date() object's members and methods to implement what you need
      if (now.getMinutes() % 2 == 0)    //I'd like to show control1 on even minutes
        return true;
      return false;
    }

    if (control1VisibleCheck())
      document.getElementById('multi-search-groups').style.display = 'none';
    else
      document.getElementById('multi-search').style.display = 'none';
});

<div id="multi-search">
  <select id="cmbColumn" name="cmbColumn">
    <option value="" />Columns
    <option value="apple+" />apple
    <option value="grapes+" />grapes
  </select>
  <select id="cmbSidebar" name="cmbSidebar">
    <option value="" />Sidebars
    <option value="mango+" />mango
    <option value="berry+" />berry

  </select>
</div>

<div id="multi-search-groups">
  <em>Multiple Select with Groups</em><br />
  <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
    <option value="" />
    <optgroup label="NFC EAST">
      <option />Dallas Cowboys
      <option />New York Giants
      <option />Philadelphia Eagles
      <option />Washington Redskins
    </optgroup>
  </select>
</div>


<script type="text/javascript">
var control1VisibleCheck = function () {
  var now = new Date();
  //TODO: modify this logic to your needs: have a look on the Date() object's members and methods to implement what you need
  if (now.getSeconds() % 2 == 0)    //I'd like to show control1 on even minutes
    return true;
  return false;
}

if (control1VisibleCheck())
  document.getElementById('multi-search-groups').style.display = 'none';
else
  document.getElementById('multi-search').style.display = 'none';
</script>