Попытка добавить iframe, используя jQuery - PullRequest
4 голосов
/ 02 февраля 2011

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

<head>

    <script type="text/javascript"
            src='//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script>

    <script type="text/javascript">

        function fun(){
            $('<iframe />');  // Create an iframe element
            $('<iframe />', {
                name: 'frame1',
                id: 'frame1',
                src: 'http://www.programmingfacts.com'
            }).appendTo('body');

    </script>

    </head>

    <body>

        <a href="#" onclick="fun()">clica</a>

    </body>

</html>

Ответы [ 3 ]

7 голосов
/ 02 февраля 2011

Попробуйте это:

<html>
    <head>
        <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".submit").click(function()
                {
                    $('<iframe />');  // Create an iframe element
                    $('<iframe />', {
                        name: 'frame1',
                        id: 'frame1',
                        src: 'http://www.programmingfacts.com'
                    }).appendTo('body');
                });
            });
        </script>
    </head>
    <body>
        <a href="#" class="submit">clica</a>
    </body>
</html>
7 голосов
/ 02 февраля 2011

Я предполагаю, что вы не закрываете закрывающую скобку своей функции fun ()? }

3 голосов
/ 02 февраля 2011

Измените свою функцию на:

function letsHaveFun(){
  $('body').append('<iframe src="http://www.programmingfacts.com" name="frame1" id="frame1"></iframe>');
}

Это должно сработать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...