Изображения отключены при заполнении данных

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();

В приведенном выше коде, когда данные метки (id = cnt) заполняются, кнопки next.png, nt.png, stop.png отключаются в firefox. Некоторые могут рассказать мне, что здесь происходит.

спасибо ..

Answer 1

Это не кнопки, а изображения.Если они кликабельны, потому что вы привязали к ним обработчики событий, то, конечно, эти обработчики будут потеряны при перезагрузке DOM.Попробуйте использовать функциональность jQuery live() для привязки ваших обработчиков.(Я просто догадываюсь о проблеме, потому что в вашем примере кода есть ошибки, которые, как я полагаю, связаны с транскрипцией, а описание проблемы действительно расплывчато.)

Answer 2

Ну, как уже упоминалось, в функции a () есть несколько опечаток для начала. Я даже не уверен, что вы можете установить поле, используя сантиметры. Кроме того, элементы img всегда должны иметь атрибут alt, и где заполняется переменная name, которой вы назначаете детали?

В любом случае, вот функция a с исправлениями:

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>'
}