2013-09-17 3 views
0

Я пытаюсь заполнить popover динамически черезсамозагрузки 2.3.2 поповер вопрос содержание HTML

JavaScript

$("[data-bind='popover']").popover({ 
trigger: 'hover', 
html: true, 
content: function(){ 
    return "<img src="+$(this).data('content')+" />"; 
}; 
}); 

HTML

<a href="myreference.html" data-bind="popover" data-content="mylinktoimage">Brick</a> 

Проблема заключается в том, что если Я установил width и height внутри imgtag внутри js, появляется сообщение popover. Если я их не установлю, прежде всего якорь <a>pointer cursor «вибрирует», а popover не показан.

Какая проблема может быть такой?

ответ

2

Вы уверены, что код на самом деле работает? Couldnt 'даже получить popover для работы, например

.. 
return "<img src="+$(this).data('content')+" />; 
}); 

?? Подумайте, это ваша проблема.

<a href="myreference.html" data-bind="popover" data-content="flower.jpg">Brick</a> 

обновление, работает с внешним интернет-изображения, а

<a href="myreference.html" data-bind="popover" data-content="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Flower_poster_2.jpg/451px-Flower_poster_2.jpg">Brick</a> 

и

$("[data-bind='popover']").popover({ 
    trigger: 'hover', 
    html: true, 
    content: function(){ 
     return '<img src="'+$(this).data('content')+'">'; 
    } 
}); 

производит:

enter image description here

$("[data-bind='popover']").popover({ 
    trigger: 'hover', 
    html: true, 
    content: function(){ 
     return '<img src="'+$(this).data('content')+'" width="50">'; 
    } 
}); 

производит

enter image description here

без "колебаний" и т.д.

+0

Я знаю, я пытался во внешнем файле, и он не работает, мой html немного длиннее, чем тот, который я написал в вопросе, но концепция такая же. – steo

+0

Проблемы, похоже, с 'a' .. I не знаю, что делать, если я «наведите указатель мыши» на якорь, указатель «курсор» и «нормальный» курсор чередуются. – steo

+0

@steo, и он не работает ** даже ** если вы сделаете разметкой правильной, как указано выше? Похоже, у вас есть проблема с тем, что «я пытаюсь заполнить popover динамически через», когда вы обновили вопрос. Проделали большую загрузку, это не может быть bootstrap или сам popover, который вызывает эту ошибку. У вас есть какие-либо зависания в CSS? Или с помощью javascript-события? – davidkonrad

1

кажется отсутствующей цитатой перед точкой с запятой:

return "<img src="+$(this).data('content')+" />";

Рабочая скрипку - http://jsfiddle.net/tEWLw/2/

Update: другой Fiddle. Я не уверен, что еще не так здесь :)

+0

Нету им ошибки извините опечатка – steo

+0

Так же эта работа для вас? http://jsfiddle.net/tEWLw/2/ –

+0

no Это не \: Он работает только с абсолютными размерами – steo

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