Callout Popup funktioniert nicht im App-Teil

Question

Ich muss ein Popup wie in SharePoint 2013 anzeigen, der als Callout-Popup genannt wird.Dafür muss ich Callout.js-Datei in meinem Code verwenden.

Ich habe es mit einem Content Editor-Webpart ausprobiert, und es funktioniert gut, aber wenn ich versucht habe, es in meinem App-Teil zu verwenden, funktioniert es nicht richtig, dass er mir folgt, wenn ich folgt.

script5009: 'iselementrtl' ist nicht definiert
callout.js, linie 1 Zeichen 8584

Hinweis: Ich habe folgende Links versucht.

ErlernenHarepoint Post

Alex Boev Blog

Anatoly's Blog

Ich habe folgende JS-Referenzen in meinem App-Teil hinzugefügt generasacodicetagpre.

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.