2010-06-21 3 views
0

Учитывая HTML фрагментIMG тег не отображается после ввода тега

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
    <title>Test JQuery AppendTo</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">  
    </script> 
    </head> 
    <body> 
    <div id="Test1"> 
     <p>Just some text</p> 
    </div> 
    <form name="FORMPOST" method="post" action="showform.aspx" id="FORMPOST" > 
     <label for="Test2">Test Label</label> 
     <input id="Test2" type="checkbox" /> 
     <img src=\"add2.jpg\"> 
    </form> 
    </body> 
</html> 

и учитывая, что add2.jpg изображение находится в том же каталоге, что и HTML-кода, почему изображение не отображается? Обратите внимание, что если я переместю узел тега изображения в узел div, он отобразит :(

Обратите внимание, что дисплей не отображается независимо от того, добавляю ли тег img во время разработки, как указано выше, или добавьте его, используя функция jQuery.appendTo при загрузке формы.

+0

Спасибо за обнаружение слешков :) В качестве дополнительного вопроса эта проблема возникла, когда я использовал jQuery для создания тега изображения при загрузке формы. Так что если вы удалите тег изображения выше и добавьте следующий скрипт в конец html изображение не отображается. FF показывает сгенерированный источник с тегом img после входного тега - но не будет отображать изображение. –

+0

Вы должны попробовать добавить к форме: 'a.appendTo ($ (" # FORMPOST "));'. '$ (" # Test2 ")' является элементом 'input'. –

+0

Thanks Daniel Как разместить его после элемента ввода (в реальной форме есть много - это урезанный тестовый пример)? –

ответ

0

тег изображения не выглядит правильно сформирован мне

<img src="add2.jpg" /> 

ли эта работа для вас, как выше?

+0

OP не нуждается в '/>', потому что это XHTML. –

1

с одной стороны, вы не должны» t есть косые черты там для цитат. Можете ли вы дать нам ссылку на самой страницы? Потому что это сработает.

+0

Спасибо - Slashes были опечаткой :( Страница находится во внутреннем приложении, которое бросает ошибку в IE при динамическом загрузке изображения с помощью jQuery. Я выведу фрагмент jQuery, который вызывает проблему. FF не бросает Ошибка - просто не удается отобразить изображение. IE 8 выдает ошибку сценария. –

1

Были ли обратные косые черты в <img src=\"add2.jpg\"> опечаткой? <img src=\"add2.jpg\"> должно быть <img src="add2.jpg" />.

Вам нужна косая черта для завершения тега img, потому что вы используете XHTML.

+0

Спасибо - косые черты были опечатками. Все еще есть проблемы с fwd slash, чтобы закрыть тег. –

Смежные вопросы