Поиск по этому блогу

четверг, 10 октября 2013 г.

Справочник полезных рецептов для jQuery


1. Как установить атрибут стиля по id.  (jquery set style attribute by id)

Есть кнопка у которой есть id (id = "invite_more"). Кнопке задан стиль с атрибутом display и значением этого атрибута равным none. Необходимо периодически менять значение этого атрибута.
<a id="invite_more" data-role="button" data-theme="c" 
data-inline="false" style="display: none">
Invite more friends</a>

Поменять значение атрибута стиля элемента с определенным id можно с помощью следующей конструкции.
$('#invite_more').css({ "display": 'block'});

2. Как загрузить содержимое HTML-файла в div (jquery load html into div) 

Есть div которому задан класс. В этот div необходимо загрузить HTML из другого файла.
<div class="played_players_vertical_component">

Для это необходимо воспользоваться функцией jquery - .load("имя файла"). Тут мы сначала находим наш div по его классу, а потом загружаем в него содержимое HTML-файла.
$(".played_players_vertical_component")
  .load("components/played_players_vertical.html");


3. Как открыть ссылку (с номером телефона) программно (How to open link programmatically)

<a id='btnCallNumber' href="tel:+71122334455" ></a>

window.open($("#btnCallNumber")[0]);

Комментариев нет:

Отправить комментарий