在元素中加载页面

Question

    <div class="col-sm-6" id="ajaxform"></div>`

<!-- begin snippet: js hide: false -->

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>



         <ul id="accordion" style="   margin-bottom: -1px;">
                    <li>cms</li>
                                     <ul>
            <li><a href="#" class="defaults">Defaults</a></li>
            <li><a href="#" class="connections">Connections</a></li>

        </ul>
                        </ul>



  <script>
    $(document).ready(function(){
        $(".defaults").click(function(){
            $("#ajaxform").load("defaults.htm");
        });
    });
    $(document).ready(function(){
        $(".connections").click(function(){
            $("#ajaxform").load("connections.html");
        });
    });
    </script>

我想在我的div中加载另一个页面，但我希望通过一个函数来执行此操作，而不是像上面一个一个

Heading ##我想在我的div中加载另一个页面，但我希望通过一个函数来执行此操作，而不是像上面一个一个

Heading ##我想在我的div中加载另一个页面，但我希望通过一个函数来执行此操作，而不是像上面一个一个

标题

我想在我的div中加载另一个页面，但我希望通过一个函数来执行此操作，而不是像上面一个一个

标题

Answer 1

尝试一下：

$(document).ready(function(){
    $("a").click(function(){
        var link = $(this).attr("class") + ".htm";

        $("#ajaxform").load(link);
    });
});