javascript - 我无法为已加载的 Javascript 分配 ID

Question

我尝试了所有方法，但无法将我的图像 ID 链接到 Head 部分中预加载的 Generic.js 文件。下面是我的 HTML:

<div id="bgimgwrapper">
  <noscript>
    <div>
      <img id='bgNoScript' src='index_files/background1.jpg'
           alt='' title='' width='100%' height='100%' />
    </div>
  </noscript>
  <img class="active" id="bg0" src="index_files/background1.jpg"
       style="width: 100%; display: none;">
  <img id="bg1" src="index_files/background2.jpg"
       style="width: 100%; display: block;">
</div>

bg0 和 bg1 应该分配给预加载的 generic.js 中的函数，函数如下:

function bgStart() {
  setCurrentCycle();
  $bg = $('<img style="width:100%">'), bg = $bg[0];
  $bg.hide().load(bgLoad);
  $bg.addClass("active");
  bg.id = "bg" + currentCycle;
  bg.src = slideArray[currentCycle];
  $bg.appendTo("#bgimgwrapper");
  theWindow.resize(resizeBg)
}

bgStart() 基本上是一个背景图片 slider 。但是在 Firebug 中，我什至看不到每个 ID div 旁边的评估“ev”标志。感谢您的评论。

Answer 1

不明白为什么要为新的 bg 元素使用 2 个引用...怎么样:

  $bg = $('<img style="width:100%">');
  $bg.hide().load(bgLoad)
     .addClass("active")
     .attr('id', 'bg' + currentCycle)
     .attr('src', slideArray[currentCycle])
     .appendTo("#bgimgwrapper");

  theWindow.resize(resizeBg);