Question

我正在使用jQuery .load函数将我的页面导入index.html。

所以这是我的index.html：

<!doctype>
<html>
<head>

    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>


        <div id="content"></div>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
<script src="lib/jquery/jquery-ui.min.js"></script>


    <script>


        $(function() {

            $('#content').load('mycontent.html');

            $( ".row" ).sortable();
            $( ".row" ).disableSelection();         

        });     

    </script>



</body>
</html>

这是我的其他页面，包括：

<div class="container">

    <div class="row">
        <div class="col-md-4">Sortable Div</div>
        <div class="col-md-4">Sortable Div</div>
        <div class="col-md-4">Sortable Div</div>
    </div>

</div>

问题是，当包含的代码是index.html的一部分时，可排序的代码可以工作但是当我使用.load将html包含到页面中时它不会。

为什么......我该如何解决这个问题呢？

Answer 1

你试过吗

$('#content').load('mycontent.html', function () {
   $( ".row" ).sortable();
   $( ".row" ).disableSelection(); 
});

您的解决方案的问题是，当您加载页面时.row不存在，因此可排序无法注册到该类。

jQuery-ui sortable（）不能使用jQuery onload

1 个答案: