Как установить автоматическую высоту для привязки тегов в jQuery mobile?

Question

Я только начинаю использовать jquery mobile в проекте. Проблема, с которой я сталкиваюсь, заключается в том, что каждый добавляемый тег привязки устанавливает его содержимое в фиксированное значение высоты. Я не могу найти способ изменить это поведение.

Пример кода, я использую это:

<div data-role="content" data-theme="none" class="flex-container"> 
    <div><strong>Something</strong></div> 
    <a href="#an-href" data-theme="none"><img src="../animg.png" alt="Icon" />A text</a> 
</div> 

ли это происходит только со мной?

Answer 1

Я думаю, это зависит от вашей ссылки. Это в списке?

Я попытался сделать две ссылки с двумя разными изображениями внутри (разного размера), и я не вижу описываемого вами поведения.

Кроме того, хотя, вероятно, не связанный, # в ссылках обычно используется для ссылки на другую страницу.

Смотрите здесь - http://jsfiddle.net/TeNCE/

Вы можете либо предоставить свой jsFiddle или изменить это?

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Header</h1> 
    </div> 
    <div data-role="content" data-theme="none" class="flex-container"> 
     <div><strong>Something</strong></div> 
     <a href="#an-href"><img src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/64/social_google_box.png" alt="Icon" /></a> 
     <a href="#an-href"><img src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/128/social_google_box.png" alt="Icon" /></a> 
    </div> 
</div>