jQuery-ui sortable（）がjQuery onloadで動作しない

-1

jQueryの.load関数を使用して、自分のページをindex.htmlにインポートしています。jQuery-ui sortable（）がjQuery onloadで動作しない

だからこれは私の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ソート可能なコードの一部ですが、HTMLをページに含めるために.loadを使用すると動作します。

なぜこの問題を解決できますか？

出典

2016-06-19 estevan gomez

あなたは

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

を試してみましたあなたの解決策の問題は、あなたがそのクラスにregistredすることはできませんので、並べ替え可能なページをロードするとき.rowが存在しないということです。

出典

2016-06-19 09:41:44

jQuery-ui sortable（）がjQuery onloadで動作しない

答えて

関連する問題