Я хочу использовать div как твитер-загрузочную модальную ссылку

Может мне помочь? Я хочу использовать div как мотивую ссылку для twitter bootstrap. когда я нажму на div, он назовет модальным. Является ли это возможным? если возможно, пожалуйста, покажите мне способ. Я думаю, что это возможно, но я не знаю, как это сделать. пожалуйста помогите.

1
nl ja de

2 ответы

Используйте $ modal.modal ('show'); в обработчике событий onclick .

<Сильный> HTML:

<div class="my-div"></div>

<div class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    

Modal header

</div> <div class="modal-body">

One fine body…

</div> <div class="modal-footer"> Close Save changes </div> </div>

<Сильный> JavaScript:

var $modal = $('.modal').modal({
    show: false
});
$('.my-div').on('click', function() {
    $modal.modal('show');
});

DEMO

3
добавлено
«Скрипка» не работает для меня.
добавлено автор dgilperez, источник
Необходимо обновить ссылку на файл CSS.
добавлено автор Eugene Naydenov, источник
Благодаря вам он очень работает.
добавлено автор Taslim, источник

Вот демонстрационная ссылка .

Ваш HTML:

<div data-toggle="modal" href="#example">Launch modal</div>

<div id="example" class="modal hide fade in" style="display: none;">
    <div class="modal-header">
        ×
        

This is a Modal Heading

</div> <div class="modal-body">

Text in a modal

You can add some text here.

</div> <div class="modal-footer"> Call to action Close </div> </div>

Ваш JS (предполагается, что вы уже включаете необходимые файлы начальной загрузки, как JS, так и CSS):

$(function() { 
   $("#example").modal({show:false});  
});
2
добавлено
«Скрипка» не работает для меня.
добавлено автор dgilperez, источник
Итак @Taslim, как правило, когда ответ был полезным, вы его проголосуете. Вы также отмечаете, какой из них лучше всего подходит для вас как «Принято». Вы делаете это, и люди будут более склонны отвечать на любые будущие вопросы, которые вы можете задать.
добавлено автор Stuart, источник
@Taslim - Чтобы проголосовать за полезные ответы, нажмите стрелку вверх над номером 0 в начале каждого ответа. Чтобы отметить один конкретный ответ как «принятый», щелкните значок флажка под стрелкой вниз ниже 0. В целом это побудит пользователей ответить на ваши вопросы, поскольку они знают, что могут получить от вас голоса
добавлено автор Stuart, источник
Да, в GitHub больше нет этого файла CSS.
добавлено автор Eugene Naydenov, источник
Спасибо, что ваш ответ тоже работает.
добавлено автор Taslim, источник
скажите, пожалуйста, как голосовать
добавлено автор Taslim, источник
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском