Блог

Главная - Вопросы по программированию - jquery — делает содержимое перетаскиваемым — не дожидаясь загрузки содержимого в iframe

jquery — делает содержимое перетаскиваемым — не дожидаясь загрузки содержимого в iframe

#javascript #jquery #html #css #iframe

#javascript #jquery ( jquery ) #HTML #css — код #iframe — фрейм

Вопрос:

В принципе, у меня есть изображение, и как только изображение нажато, оно вводит html в iframe, затем я хотел сделать содержимое перетаскиваемым, однако мой код javascript либо не ожидает загрузки содержимого, либо ошибка в моем коде.

Вид:

 @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="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type="text/javascript" src="{!! asset('/js/template.js') !!}"></script>
@endsection
        @section('template')
        <div class= "template_class">
            @foreach ($templates as $template)
        <a class="content-link" href="{{ asset($template->file )}}">
        <img id = "image" src="{{ asset($template->image )}}"/>
        </a>
            @endforeach
        </div>
            <iframe id="content-link2"></iframe>
@endsection
@show

Javascript:

 $(function(){
   $('.content-link').click(function(e){
       e.preventDefault();
       $('#content-link2').attr("src",$(this)[0].href);
       console.log($('#content-link2'));
   return false;
   });
});
  $( function() {
    var $currentIframe = $('#content-link2');
   $currentIframe.contents().find('#content').draggable();
   console.log($currentIframe.contents().find('#content'));
});

Шаблон, это материал, загруженный в iframe:

 <!DOCTYPE html>

<html>
<head>
    <title>Template 1</title>

  <link href="css.css" rel="stylesheet" type="text/css">

</head>
<body>
<div id="content">Insert your content here</div>


</body>

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

1. Поместите свой перетаскиваемый код на страницу iframe. Вы не учитываете загрузку новой страницы iframe. Содержимое Iframe существует в совершенно другом окне

2. Проблема в том, что я смогу перетаскивать только страницу iframe, однако что, если поле находится за пределами iframe, и я хочу поместить его в iframe

3. Это чрезвычайно сложно даже пытаться это сделать. Если именно поэтому вы переключились на iframes из ajax, это была большая ошибка

4. Если я прикрепляю код в самом iframe, разве я не даю клиентам код, который им не нужно видеть? с точки зрения безопасности?

5. Понятия не имею, что вы имеете в виду. Но если вы планируете использовать iframe как часть главной страницы и перемещать вещи между ними, у вас возникнут огромные и сложные проблемы с обработкой событий

Метки: