Question

function a()
{
   var r1 = '<div id="title_t" style="display:inline;font-size:150%;color:white;" > </div><div name="btbar" id="bottom_bar" style="position: absolute; margin-left: auto;margin-right:auto;;">' ;
   r1 = r1 + '&nbsp&nbsp<img  src="first.png" " />';
   r1 = r1 + '&nbsp&nbsp<img  src="prev.png"  />';
   r1= r1 +  '<label id="cnt"></label>' ;
   r1= r1 + '<img  alt="Next" src="nxt.png" ' ;
   r1= r1 + '<img  alt="Last" src="nt.png/>" ' ;
   r1= r1 + '<img src="stop.png/>"' ;
   r1= r1 + '</div><div style="width: 50%;"><img  style="margin-right:1cm;" src="hi.gif" title="hi" onclick="hi();" /></div>'
}

function b()
{
  var details=name;
  $("#cnt").html(name) ;
}

a();
b();

在上面的代码中，当填充label（id = cnt）详细信息时，firefox中的按钮next.png，nt.png，stop.png将被禁用。有些人告诉我这里发生了什么。

感谢..

Answer 1

那些不是按钮，它们是图像。如果它们是可点击的，因为你已经将事件处理程序绑定到它们，那么当你重新加载DOM时，这些处理程序当然会丢失。尝试使用jQuery live()功能来绑定处理程序。（我只是猜测问题，因为你的示例代码中有错误，我认为它来自转录，你对问题的描述真的很模糊。）

Answer 2

好吧，正如提到的那样，函数a（）中有一堆拼写错误。我甚至不确定你能用厘米来设置余量。另外，img元素应该始终具有alt属性，并且在哪里填充名称变量以指定详细信息？

无论如何，这里有一个带有更正的功能：

function a()
{
   var r1 = '<div id="title_t" style="display:inline;font-size:150%;color:white;" > </div><div name="btbar" id="bottom_bar" style="position: absolute; margin-left: auto;margin-right:auto;">';
   r1 = r1 + '&nbsp;&nbsp;<img src="first.png" />';
   r1 = r1 + '&nbsp;&nbsp;<img src="prev.png"  />';
   r1= r1 +  '<label id="cnt"></label>' ;
   r1= r1 + '<img alt="Next" src="nxt.png" />';
   r1= r1 + '<img alt="Last" src="nt.png" />';
   r1= r1 + '<img alt="Stop" src="stop.png" />';
   r1= r1 + '</div><div style="width: 50%;"><img style="margin-right:1px;" src="hi.gif" title="hi" onclick="hi();" alt="hi" /></div>'
}

在填充数据时禁用图像

2 个答案: