Il popup del callout non funziona nella parte dell'app

Question

Devo visualizzare un popup come in SharePoint 2013 che è chiamato Popup di callout.Per questo devo usare il file callout.js nel mio codice.

L'ho provato con il web part editor di contenuti e funziona bene ma quando ho provato a usarlo nella mia parte app non funziona correttamente mi sta dando seguendo l'errore.

script5009: 'iselementrtl' è undefinato callout.js, linea 1 carattere 8584

Nota: ho provato i seguenti collegamenti.

LearningSharePoint Post

Alex Boev Blog

.

Blog di Anatoly

Ho aggiunto i seguenti riferimenti JS nella mia parte di app

<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.