2014-10-09 1 views
1

페이지에서 S3 업 로더의 인스턴스를 2 개 만들고 다른 div 이름을 지정했습니다. 인스턴스 중 하나가 자동 업로드로 설정되고 다른 인스턴스는 편집 파일 이름이 설정된 수동 업로드로 설정됩니다.전화하지 않을 때 업로드 버튼이 나타납니다.하지만 인스턴스가 두 개 있습니다.

그러나 자동 업로드가있는 인스턴스는 업로드 버튼을 다른 인스턴스에서도 가져옵니다. 업로드가 의도 한대로 자동으로 작동하기 때문에 그곳에 앉아서 아무 것도하지 않습니다. 이 불량 버튼 이외의 두 양식 모두 내가 원하는대로 작동합니다.

은 버튼의 DIV하지만 난 단지

<div id="triggerUpload-feeds" class="qq-upload-button start-upload" style="margin-top: 10px;cursor:pointer;">Upload</div> 
+0

죄송합니다.이 사이트에 코드를 붙여 넣는 방법을 이해하지 못했습니다. 개발자가 아니며 단지 해킹 일뿐입니다. –

+0

코드에 오류가있을 가능성이 큽니다. 추가 도움을받을 수 있음을 보여줍니다. 가장 좋은 방법은 자바 스크립트와 HTML을 http://jsbin.com/에 붙여넣고 질문에 링크를 포함시키는 것입니다. –

+0

좋아요, 내가 사이트를 사용하는 방법을 모른다면 한 가지 문제에 대해 다른 사이트를 등록하고 싶지 않습니다. 내 개발자에게 도움을 요청할 수 있습니다. 어쨌든 고마워요 –

답변

0

정밀 업 로더 UI는 "전분기 템플릿"의 ID와 문서에서 템플릿을 찾습니다 하나 개의 인스턴스에 있습니다. 따라서 두 업 로더 모두 동일한 템플릿으로 구성됩니다. 여러 템플릿을 가져 오는 동일한 업 로더의 여러 업 로더를 원할 경우 각기 다른 ID를 사용하여 마크 업에 여러 개의 템플릿을 정의해야합니다. 그런 다음 각각의 Fine Uploader UI 인스턴스를 구성 할 때 해당 템플릿을 참조해야합니다. 예를 들어

:

<script type="text/template" id="qq-template1"> 
<!-- template markup here --> 
</script> 
<script type="text/template" id="qq-template2"> 
<!-- template markup here --> 
</script> 
<script> 
var uploader1 = new qq.FineUploader({ 
    template: 'qq-template1' 
}); 

var uploader2 = new qq.FineUploader({ 
    template: 'qq-template2' 
}); 
</script> 

더 많은 정보를 들어, templating/styling feature page in the docs를 참조하십시오.

+0

나는 이것을 복사했지만 템플릿 2가로드되지 않습니다. 페이지의 하단 스크립트를 어디에 추가합니까? –

+0

이것은 해결되었습니다, 템플릿은 머리 속에 들어가야했습니다. 그리고 아래쪽 스크립트는 JQuery를 사용하면서 저를 버렸습니다. JQuery에는 해당되지 않습니다. –

관련 문제