Magnific Popup与部分路径网址不显示

时间:2015-01-13 05:21:25

标签: javascript html angularjs image magnific-popup

这是一个AngularJS应用程序,我有jQuery和所需的.js文件,因为这适用于从大胆的弹出网站/文档复制和粘贴的一些代码。 下面的代码是AngularJS控制器中的大胆弹出代码,是的,它可以在从文档中粘贴的图像上正常工作。

我猜测问题是我的href属性的值是href ='.. / uploads / image.jpg'而不是完整的URL。

我没有发现在href属性中需要一个完整的URL,但我可能忽略了它。下面是来自Magnific网站的图片,位于生成的HTML正下方(使用Chrome开发工具进行检查)是带有ng-src属性的图像和带路径的href。

      //Magnific-popup
$('.single-popup').magnificPopup({
    type: 'image',
    removalDelay: 300,
    mainClass: 'mfp-with-fade',
    closeOnContentClick: true
});





    <a class="single-popup"
  href="http://farm4.staticflickr.com/3721/9207329484_ba28755ec4_o.jpg">
                        <img src="http://farm4.staticflickr.com/3721/9207329484_ba28755ec4_o.jpg" width="107" height="75">
                    </a>


   <a class="single-popup" href="../uploads/id70.jpg" title="bradmartin's Profile Pic">
   <img ng-show="u.ImagePath != null" ng-="" src="../uploads/id70.jpg" width="50" height="50">
                            </a>

消息来源代码:

                        <tr ng-repeat="u in Users" ng-style="{'color': (u.Status == false ? 'red' : '')}">
                            <td>
                                <img ng-show="u.ImagePath == null || u.ImagePath == 'null'" src="../images/avatar.jpg" width="50" height="50" />
                                <a class="single-popup" href="{{u.ImagePath}}" title="{{u.Username}}'s Profile Pic">
                                    <img ng-show="u.ImagePath != null" ng- src="{{u.ImagePath}}" width="50" height="50" />
                                </a>

0 个答案:

没有答案