jquery - IE9 中仅显示两个 Tooltipster 悬停之一

Question

我在我的 Boostrap 网站上使用 Tooltipster 插件。我在页面上相邻的两个不同位置有工具提示。在本地和通过 emailonacid.com 进行测试时，两个工具提示都按预期显示。但是，在 IE9/IE8 中，仅显示右侧的那个。左边那个好像消失了。

我查看了官方的 Tooltipster 常见问题解答和论坛，以前的版本似乎在 IE9 中存在问题，但显然不再存在。我难住了。这是一个jsfiddle（如果信息不足，我很抱歉，我以前从未使用过它）：

https://jsfiddle.net/st7zx58r/

感谢您的任何帮助，您可以提供！

$(document).ready(function() {
  $('.tooltip').tooltipster({
 		animation : 'grow',
		content: $('<span><strong>Includes:</strong><br />&bull; Online Ads<br />&bull; Online Trade Publications<br />&bull; Social Media Advertising<br />&bull; Email Blasts<br />&bull; Print Publications<br />&bull; Direct Mailer<br />&bull; Web Videos<br />&bull; SEM/SEO<br />&bull; Other</span>'),
	  contentAsHTML: true,
    interactive: true,
  });
});		
		

  

$(document).ready(function() {
  $('.tooltip2').tooltipster({
 		animation : 'grow',
		content: $('<span><strong>TESTING:</strong><br />&bull; Online Ads<br />&bull; Online Trade Publications<br />&bull; Social Media Advertising<br />&bull; Email Blasts<br />&bull; Print Publications<br />&bull; Direct Mailer<br />&bull; Web Videos<br />&bull; SEM/SEO<br />&bull; Other</span>'),
	  contentAsHTML: true,
    interactive: true,
  });
});

.form-text {
	text-align: left;
	font-family: 'LincolnProximaNova-Bold', Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #53565a;
	margin-left:15px;


}

.radiobtn1 {
	text-align: left;
	font-family: 'LincolnProximaNova', Arial, sans-serif;
	font-size: 14px;
	color: #b45f1a;
	margin-top: 20px;
	margin-bottom: 10px;

}
.radiobtn1 a{
	text-align: left;
	font-family: 'LincolnProximaNova', Arial, sans-serif;
	font-size: 14px;
	color: #b45f1a;
	margin-top: 20px;
	margin-bottom: 10px;
}



.radiobtn1 ul{
	text-align:center;


}

.radiobtn1 li{
	list-style: none;
	display: inline;
	padding-left:30px;	

}

<script src="http://designumber18.com/wedding/jquery.tooltipster.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="row form-text">
	 
		  <p>Please select the category for this claim.</p>
	   </div>
		       
  	 <div class="row radiobtn1">
   		 <ul>
			 <li><input type="radio" name="media"><label for="qualified">&nbsp;Advertising (Digital/Print)</label><span id="stayTool" class="tooltipstered"> <img src="images/question-mark.png" style="cursor: pointer;" class="tooltip" ></span></li>
   	
			 <li><input type="radio" name="media"><label for="qualified">&nbsp;Experiential Event</label><span id="stayTool" class="tooltipstered"> <img src="images/question-mark.png" style="cursor: pointer;" class="tooltip2" ></span></li>



   		 
   		 </ul> 		
		
	</div>