在元素中加载页面[关闭]

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 中加载另一个页面，但我想通过一个函数来执行此操作，而不是像上面那样一个一个地完成

标题## 我想在我的 div 中加载另一个页面，但我想通过一个函数而不是像上面那样一个一个地完成此操作

标题## 我想在我的 div 中加载另一个页面，但我想通过一个函数而不是像上面那样一个一个地完成此操作

标题

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

标题

Answer 1

试试这个：

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

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