Вопросы Теги

Как загрузить URL-адрес из значения href привязки в модуле Bootstrap?

Попробуйте следующее: 

((.|\n)*)<FooBar>

В основном он говорит «любой символ или символ новой строки», повторяющийся ноль или более раз.

0
задан isherwood 13 July 2018 в 19:13
поделиться

2 ответа

Я создал этот фрагмент, используя BS4 и ваш код в качестве базы, и изменил его, чтобы показать переданные исходные данные.

SO snippet manager не разрешит iframe s со ссылками на сторонние ( т.е. ваши ссылки), поэтому я просто показываю строки, но по крайней мере вы можете увидеть один способ передачи данных в модальный. 

$('#myModal').on('show.bs.modal', function(e) {
  $("div.modal-body p").text($(e.relatedTarget).data("ref"));

})
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>

<li>
  <a class="big-open" data-toggle="modal" href="#myModal" data-ref="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg">IMAGE TEST
    </a>
</li>
<li>
  <a class="big-open" data-toggle="modal" href="#myModal" data-ref="http://www.orimi.com/pdf-test.pdf">PDF TEST
    </a>
</li>

<div id="myModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header"><button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Event</h4>
      </div>
      <div class="modal-body">
        <p src="">Loading...</p>
      </div>
      <div class="modal-footer"><button class="btn btn-default" type="button" data-dismiss="modal">Close</button></div>
    </div>
  </div>
</div>

0
ответ дан fnostro 17 August 2018 в 12:27
поделиться
  • 1
    Спасибо за ответ. Итак, нет способа открыть href элементов в модальном? Или это просто факт, что ссылки в примере находятся в другом домене ... Мне удалось добавить & lt; img src = "ss" & gt; & gt; & gt; в modal и измените src на значение data-ref, и поэтому изображение показывается в модальном. Есть ли способ сделать то же самое для файлов PDF? – Vic 14 July 2018 в 15:25

попробуйте это, чтобы вызвать вашу модель, это, безусловно, будет работать. 

<a data-toggle="modal" href="#myModal">Open Modal</a>

0
ответ дан Khagesh 17 August 2018 в 12:27
поделиться
  • 1
    Вы не используете URL-адрес в качестве значения href. – isherwood 13 July 2018 в 19:14
  • 2
    @khagesh Мне нужно, чтобы модальность была динамичной. Мне нужно открыть href в модальном ... – Vic 14 July 2018 в 15:22
  • 3
    сэр вы можете использовать data-id = & quot; ваш идентификатор & quot; на теге привязки, используя javascript и ajax, вы можете получить данные – Khagesh 16 July 2018 в 11:37
Другие вопросы по тегам:

Похожие вопросы: