SharePoint debug : launchPoint given is already associated with a callout

今天在写SharePoint 2013 callout的时候，发现浏览器报了一个错误：calloutManager: launchPoint given is already associated with a callout

代码很简单：

    var calloutElement = document.getElementById(divId);

    var calloutOptions = new CalloutOptions();
    calloutOptions.ID = 'calloutid';
    calloutOptions.launchPoint = calloutElement;
    calloutOptions.beakOrientation = 'leftRight';
    calloutOptions.content = 'This is Callout Description';
    calloutOptions.title = 'This is Callout Title';
    CalloutManager.createNew(calloutOptions);
  

错误信息很明显，应该是我重复向一个div绑定callout引起的，最简单的解决办法是try catch捕获这个异常：

try
{
    CalloutManager.createNew(calloutOptions);
}
catch(e)
{}

然后我查看了一下CalloutManager的代码，发现可以使用这个方法判断一个div是否已经绑定了一个callout：

var callout = CalloutManager.getFromLaunchPointIfExists(launchPoint);

方法getFromLaunchPointIfExists的参数launchPoint就是div对象，如果返回值callout不为空，就说明这个div已经绑定了callout了。

除此之外，CalloutManager其实已经提供了一个方法处理重复绑定的问题，这个方法是createNewIfNecessary，这个方法会首先使用getFromLaunchPointIfExists方法判断div上是否已经绑定了callout，如果已经绑定，就不会再次绑定了，所以正确的代码是使用createNewIfNecessary而不是createNew：

    var calloutElement = document.getElementById(divId);

    var calloutOptions = new CalloutOptions();
    calloutOptions.ID = 'Calloutid';
    calloutOptions.launchPoint = calloutElement;
    calloutOptions.beakOrientation = 'leftRight';
    calloutOptions.content = 'This is Callout Description';
    calloutOptions.title = 'This is Callout Title';
    CalloutManager.createNewIfNecessary(calloutOptions);

这样就不会出现异常信息了。