부트 스트랩 4 + JQueryUI

-1

나는 부트 스트랩 4와 JQueryUI (즉, 드래그 가능한 draftable 기능인 &)를 모두 사용하는 앱을 만들고 있습니다.부트 스트랩 4 + JQueryUI

지금까지 그것을 잘 작동했지만 지금은, 조동사를 표시하는 부트 스트랩 및 JQuery와 사용과 같이하는 것을 시도하고있다 :.

$("#modal1").modal({});

내가 $ (...)를 말하는 콘솔 오류가 모달 함수가 아닙니다. 그래서 난 내 JQuery와로드 스크립트는 부트 스트랩 CSS와 스크립트 이전과, 잘못된 장소에 있지만 그것을 주변에 움직이는 생각, 이런 종류의 오류 무리 결과 :

Uncaught TypeError: $(...).draggable is not a function

와 드래그는 JQueryUI 기능입니다 .

내 머리 태그가 제대로 보이지 않습니까? 부트 스트랩이 나와 협력하기를 원하지 않는 이유는 무엇입니까?

<head> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans|Ubuntu:700" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
</head>

자세한 내용을 제공해야하는지 알려주세요. 감사!

출처

2017-05-17 Koenshi

관련 : http://stackoverflow.com/questions/35424053/what-are-the-differences-between-normal-and-slim-package -of-jquery –

그래서 bootstrap4는 3.1을 슬림하게 대상으로하므로 올바른 순서에 따라 jquery를로드합니다. 1.12 –

jquery 1.12를 사용하면 더 이상 draggable이 작동하지 않습니다. jquery-ui가 작동하려면 1.12로드 스크립트가 필요합니다. – Koenshi

당신이 JQuery와 두 번이 제거로드 -

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

출처

2017-05-17 13:02:12

하지만 jquery-ui가 작동하지 않습니다. – Koenshi

3.2.1 즉 이 '<스크립트 SRC = "https://code.jquery.com/jquery-3.2.1.js" 무결성과 슬림 한 라인을 대체 JQuery와 함께 상단에 JQuery와의 슬림 버전을 대체하십시오 = "sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE =" crossorigin = "anonymous">' –

정말 고마워요. 그러나, 그것은 관계없이 jquery를로드하는 것이 문제가됩니까? jquery-ui는 이전 jquery로드 스크립트를 제거 할 때마다 작동을 멈춘 것으로 보입니다. 이제, 3.1.1을 교체했을 때. 3.2.1 분으로 슬림 Jquery, 그것은 완벽하게 작동합니다. – Koenshi

부트 스트랩 4 + JQueryUI

답변

관련 문제