Callout Popup无法在App Part中使用

Question

我必须在SharePoint 2013中显示一个弹出窗口，它被称为标注弹出窗口。因为我必须在我的代码中使用callout.js文件。

我已经尝试过内容编辑器Web部件，它正常工作，但是当我试图在我的应用程序部分中使用它时，它无法正常工作，它给我遵循错误。

script5009：'Iselementrtl'未定义 callout.js，第1行字符8584

注意：我尝试过以下链接。

searchingharepoint post

alex boev blog

Anatoly的博客

我在我的应用程序部分中添加了以下js引用

<script type="text/javascript"src="../Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript"src="/_layouts/15/MicrosoftAjax.js"></script>
<script type="text/javascript"src="/_layouts/15/init.js"></script>
<script type="text/javascript"src="/_layouts/15/mQuery.js"></script>
<script type="text/javascript"src="/_layouts/15/sp.ui.dialog.js"></script>
<script type="text/javascript"src="/_layouts/15/sp.runtime.js"></script>
<script type="text/javascript"src="/_layouts/15/sp.js"></script>
<script type="text/javascript"src="/_layouts/15/callout.js"></script>

.

Answer 1

I have found the solution. the problem was I have not referenced all the files that are needed to referenced. I referenced like below and it worked for me :)

<script type="text/javascript" src="/_layouts/15/MicrosoftAjax.js"></script>

<script type="text/javascript" src="../Scripts/jquery.1.8.2.min.js"></script>

<script type="text/javascript" src="/_layouts/15/init.js"></script>

<script type="text/javascript" src="/_layouts/15/1033/initstrings.js"></script>

<script type="text/javascript" src="/_layouts/15/1033/strings.js"></script>

<script type="text/javascript" src="/_layouts/15/core.js"></script>

<script type="text/javascript" src="/_layouts/15/mQuery.js"></script>

<script type="text/javascript" src="/_layouts/15/callout.js"></script>

Answer 2

first see if its happning on all browsers? try it on more than one pc to see if its only a local issue!

before you do the above try moving the imports so that the first reference is callout.js

<script type="text/javascript"src="/_layouts/15/callout.js"></script>

<script type="text/javascript"src="../Scripts/jquery-1.7.1.min.js"></script>

<script type="text/javascript"src="/_layouts/15/MicrosoftAjax.js"></script>

<script type="text/javascript"src="/_layouts/15/init.js"></script>

<script type="text/javascript"src="/_layouts/15/mQuery.js"></script>

<script type="text/javascript"src="/_layouts/15/sp.ui.dialog.js"></script>

<script type="text/javascript"src="/_layouts/15/sp.runtime.js"></script>

<script type="text/javascript"src="/_layouts/15/sp.js"></script>

what i get from the error is your trying to use callout.js method before its referenced? so by putting it first we can see if it solves your issue

Answer 3

Nice Post.

I have also modified the Feedback Callout popup here. May It help to others also.