Блог

Главная - Вопросы по программированию - отображение iframe при нажатии на изображение

отображение iframe при нажатии на изображение

#javascript #jquery #html #laravel #iframe

#javascript #jquery #HTML #laravel #iframe — фрейм

Вопрос:

Я пытаюсь ввести iframe после нажатия на изображение, я могу заставить его работать без ввода, чтобы он отображался в начале страницы, но не при нажатии на изображение. Как мне это сделать?

Вид:

 @extends('layouts.master')

@section('title', 'Best programmer ever')
@section('content')
    <script type="text/javascript" src="{!! asset('/js/jquery-3.1.1.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('/js/template.js') !!}"></script>
@endsection
        @section('template')
        <div class= "template_class">
            @foreach ($templates as $template)

        <img id = "image" src="{{ asset($template->image )}}"/>
        </a>
            @endforeach
        </div>
            <iframe class="content-link" src="{{ asset($template->file )}}">
@show

Jquery ( Jquery ):

 $(function(){
   $('.content-link').click(function(e){
       e.preventDefault();
       $('.template_class').load(this.src);

   });
});

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

1. this не допускается в функции обработчика щелчков, поэтому попробуйте сохранить ссылку на this like, var self = this а затем использовать self ссылку внутри вашего обратного вызова

2. @TelmanAgababov ничего плохого в текущем использовании this . Он ссылается на элемент, на котором произошло событие

3. Извините, моя ошибка. Возможно, есть другая причина

4. Вам нужно вернуть ссылки, которые у вас были раньше, и изменить их, load() чтобы вместо этого установить iframe src. См. api.jquery.com/attr

5. Итак, как бы мне поместить iframe src внутри load ()? Пример Amy, который я могу иметь, не обязательно в моем коде

Метки: