Javascript 使用引导风格定制facebook共享按钮
如何在facebook共享按钮上应用引导样式 我用这个JS动态地更改共享链接Javascript 使用引导风格定制facebook共享按钮,javascript,facebook-javascript-sdk,Javascript,Facebook Javascript Sdk,如何在facebook共享按钮上应用引导样式 我用这个JS动态地更改共享链接 $scope.$on('fbShareLinkChanged', function(e, d) { $scope.fbShareLink = d $scope.fbShareBtnTemplate = '<div class="fb-share-button" data-href="'+ d+ '" data-layout="icon_link" data-mobile-iframe="true"">
$scope.$on('fbShareLinkChanged', function(e, d) {
$scope.fbShareLink = d
$scope.fbShareBtnTemplate = '<div class="fb-share-button" data-href="'+ d+ '" data-layout="icon_link" data-mobile-iframe="true""> </div> '
});
$scope.$on('fbShareLinkChanged',函数(e,d){
$scope.fbShareLink=d
$scope.fbsharebtnemplate='这就是您想要做的吗
HTML
我基本上会为样式添加类,并将元素从“div”更改为“a”元素
$scope.fbsharebtnemplate=''
请看
注意:这需要
<a href="https://www.facebook.com/sharer/sharer.php?u=" title="Share on
Facebook" target="_blank" class="btn btn-facebook"><i class="fa
fa-facebook"></i> Share with your friends</a>
.btn-facebook {
background: #3b5998;
border-radius: 3px;
color: #fff;
padding: 8px 16px;
}
.btn-facebook:link, .btn-facebook:visited {
color: #fff;
}
.btn-facebook:active, .btn-facebook:hover {
background: #30477a;
color: #fff;
}
$scope.fbShareBtnTemplate = '<a class="btn btn-facebook" data-href="'+ d + '" data-layout="icon_link" data-mobile
-iframe="true"> <i class="fa fa-facebook"></i> Share with your friends</a>'