다른 여러 스크립트로 JQuery 스크립트를 배치합니까?

Question

나는 문제가있다하지만 난 SCRIPTS

의 정확한 위치해야 모르는이 스크립트

$.ajax({ 
    type: "POST", 
    url: "/my/GetTagsByID", 
    data: { 
     Link_ID: LId 
    }, 
    datatype: "json", 
    success: function(result) { 
     $('#tokenfield-typeahead').val('Success 1, Success 2') 
    }, 
    error: function(jqXHR) { 
     alert(jqXHR.status); 
    } 
}) 

을 썼다 언제까지 그것을 이런 식으로 :

<script src="~/Scripts/jquery-1.10.2.js"></script> 
<script src="~/Scripts/dist/typeahead.bundle.js"></script> 
<link href="~/Scripts/dist/css/tokenfield-typeahead.css" rel="stylesheet" /> 
<script src="~/Scripts/dist/bootstrap-tokenfield.js"></script> 
<link href="~/Scripts/dist/css/bootstrap-tokenfield.css" rel="stylesheet" /> 

결과는 다음과 같습니다.

즉, TokenField을 사용할 수 있습니다. 및 TypeAhead 값을 대체하지 않습니다 $('#tokenfield-typeahead').val('Success 1, Success 2') 즉 jQuery에 액세스 할 수 없다는 의미입니까? 나는이에 Jquery 스크립트 (맨 아래로 이동 JQUERY) 위치를 전환 할 때

그러나 :

<script src="~/Scripts/dist/typeahead.bundle.js"></script> 
<link href="~/Scripts/dist/css/tokenfield-typeahead.css" rel="stylesheet" /> 
<script src="~/Scripts/dist/bootstrap-tokenfield.js"></script> 
<link href="~/Scripts/dist/css/bootstrap-tokenfield.css" rel="stylesheet" /> 
<script src="~/Scripts/jquery-1.10.2.js"></script> 

을 나는 다음과 같은 결과가

내가 Tokenfield을 사용할 수 없습니다 얻을, 난 더 이상 TypeAhead을 사용할 수 없습니다 .

내가 어떻게해야합니까? JQuery와 함수로 tokenfiled 인식 할 수 없습니다처럼 추가 된 새로운 코드 나는 새로운 코드를 추가 한

이 보인다 - 내가 필요한 모든 참조를 추가 한 경우이 문제를 해결할 수있는 방법 - 내가 (아래 코드를 참조하십시오 같은 콘솔 오류와 내가 테스트에 상관없이)하기 - 버튼을 코드를 실행을 클릭하십시오

$('#bt').click(function() { 
 

 
    $('#tokenfield-typeahead').tokenfield('setTokens', ['blue', 'red', 'white']); 
 

 
});

<link href="http://sliptree.github.io/bootstrap-tokenfield/dist/css/bootstrap-tokenfield.css" rel="stylesheet" /> 
 
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
 
<script src="http://sliptree.github.io/bootstrap-tokenfield/dist/bootstrap-tokenfield.js"></script> 
 

 

 

 
<input type="text" class="form-control" id="tokenfield-typeahead" value="Temp 1, Temp 2" data-limit="10" placeholder="Enter tags" /> 
 

 
<button id="bt">Click me</button>

Answer 1

솔루션 발견 Tokenfield를 함수로 식별하고 의도 한대로 작동합니다.BootLrap이 _Layout 페이지와 Bundle에 있었기 때문에 부트 스트랩이로드되지 않은 이유는 여전히 없습니다. '(setTokens을 나는 매우 깊은 다시 보았다

Answer 2

...which means I cannot access jQuery?

아니요, 전혀 의미하지 않습니다. 그것은 단지 val이 당신이 기대하는 것을하지 않는다는 것을 의미합니다.

그건 놀랄 일이 아닙니다. 입니다. 사용중인 tokenfield 플러그인이 val이 아닌 값을 설정하기 위해 토큰 필드 지정 방법을 사용해야하는 것 같습니다. the documentation에 반짝이기는하지만, tokenfield('setTokens', ...) 것 같다 :

$('#tokenfield-typeahead').tokenfield('setTokens', 'Success 1,Success2'); 

What am I supposed to do?

플러그인이 jQuery를이가 스스로를 연결하기 위해 필요하기 때문에, 어떤 플러그인 전에 jQuery를 넣어; 일이 예상대로 작동하지 않을 때는 항상 문서를 첫 번째 조치로 참조하십시오. 토큰 필드에 "value"를 설정하는 올바른 방법을 사용하십시오. 이 문제를 해결 하 지금 JQuery와는 수 - 문제는, Bootstrap.min.js이 before Tokenfiled (JS)를로드 할 필요했다

콘솔에서 스크립트를 실행 상담 서비스에 TJ에 대한 감사를 -