加载XPage时出现错误jquery函数

Question

我一直在尝试使用bootstrap的同一文件上传页面。当我尝试时，我收到此错误。我将所有组件，Css，图像和所有js文件复制到我的数据库中。它适用于演示数据库，但不适用于我的应用程序db :(

我想我不能调用jquery文件或JS文件和代码可能无法通信earch其他:( 我不知道我想念的是什么。 :(

以下是我的代码..（我把所有资源都放到了他们必须去的地方）

Person

更新：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xc="http://www.ibm.com/xsp/custom">
    <xp:this.data>
        <xp:dominoDocument var="document1" formName="Contact"></xp:dominoDocument>
    </xp:this.data>
    <xp:this.resources>
        <xp:script src="/JQueryXSnippet.js" clientSide="true"></xp:script>
    </xp:this.resources>
    <script type="text/javascript" src="bootstrapfileinput4/js/fileinput.js"></script>

    <link rel="stylesheet" href="bootstrapfileinput4/css/fileinput.css" media="all" type="text/css" />
    <xp:scriptBlock id="scriptBlockInitFile">
        <xp:this.value>
            <![CDATA[
           $(document).ready( 
               function() {
                   $('input[type=file]').fileinput({
                        previewFileType: "image",
                        browseClass: "btn btn-primary",
                        browseLabel: "Browse",
                        browseIcon: '<i class="glyphicon glyphicon-plus"></i>',
                        removeClass: "btn btn-danger",
                        removeLabel: "Delete",
                        removeIcon: '<i class="glyphicon glyphicon-trash"></i>',
                        uploadClass: "btn btn-info",
                        uploadLabel: "Upload",
                        uploadIcon: '<i class="glyphicon glyphicon-upload"></i>',
                });
               }
           );
        ]]>
        </xp:this.value>
    </xp:scriptBlock>

            <xp:panel xp:key="facetLeft">
                <xp:image url="/bootstrapxplogodb.jpg" id="image1"></xp:image></xp:panel>
            <xp:panel xp:key="facetMiddle">
                <xp:br></xp:br>
                <div class="page-header">
                    <h2>Bootstrap FileInput</h2>
                    <h4>An enhanced HTML 5 file input for Bootstrap with file preview for 
                    various files, offers multiple selection, and more. 
                    The plugin allows you a simple way to setup an advanced file picker/upload
                     control built to work specially with Bootstrap CSS3 styles. 
                     It enhances the file input functionality further, by offering support to 
                     preview a wide variety of files i.e. images, text, html, video, audio, flash, and 
                     objects.</h4>
                    <xp:link escape="true" id="link1"
                        text="Bootstrap in XPages: Using the new Bootstrap Fileinput Plugin in XPages Part I"
                        value="https://xpagesandmore.blogspot.nl/2015/06/bootstrap-in-xpages-using-new-bootstrap.html"
                        target="_blank">
                    </xp:link>
                    <br/>
                </div>              
                <xp:fileUpload id="fileUpload1"
                    value="#{document1.fileAttachment}">
                    <xp:this.attrs>
                        <xp:attr name="accept" value="image/*" />
                    </xp:this.attrs>
                </xp:fileUpload>
                <xp:br></xp:br>
                <xp:br></xp:br>
                <xp:fileDownload rows="30" id="fileDownload1"
                    displayLastModified="true" value="#{document1.fileAttachment}"
                    hideWhen="true" allowDelete="true">
                </xp:fileDownload>              
                <xp:br></xp:br>
                <xp:button value="Save Document" id="button1"
                    styleClass="btn btn-primary" rendered="false">
                    <xp:eventHandler event="onclick" submit="true"
                        refreshMode="complete">
                        <xp:this.action>
                            <xp:actionGroup>
                                <xp:saveDocument></xp:saveDocument>
                                <xp:openPage name="/BootstrapFileInput4.xsp"></xp:openPage>
                            </xp:actionGroup>
                        </xp:this.action>
                    </xp:eventHandler>
                </xp:button>
                <xp:br></xp:br>
                <xp:br></xp:br>
            </xp:panel>


</xp:view>

Answer 1

这是AMD加载程序问题。

请参阅与文件输入插件完全相同的问题重复提问：https://stackoverflow.com/a/36924237/785061

Answer 2

看起来你在jQuery之前加载bootstrap.min.js - Bootstrap依赖于jQuery。你应该在标题中将BoQuery之前的jQuery移动。

Answer 3

文件输入插件未加载，请检查标签网络