Question

我正在尝试使用jquery以下方式添加iframe，但是当我点击链接时它不会发生任何事情。

<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>

Answer 1

我的猜测是你不关闭你的功能乐趣（）关闭括号？ }

Answer 2

试试这个：

<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>

Answer 3

将您的功能更改为：

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

这应该有效。

尝试使用jQuery添加iframe

3 个答案: