工具提示标题未动态刷新

时间:2018-10-11 11:07:17

标签: jquery angularjs asp.net-mvc tooltip jquery-ui-tooltip

我对工具提示存在此问题,当我单击“喜欢”按钮时,该项目会变得很喜欢,但当工具提示现在应显示“不喜欢”标题时,工具提示仍显示“喜欢”标题。但是,当我刷新页面时,它可以正常工作(显示“不一样”的标题)。我希望它能在不刷新页面的情况下工作,这是我的代码。

这是“赞”按钮所在的部分

<a href="javascript:void(0);" class="@(item.Islike == true ? "icon-like active" : "icon-like")" ng-click="EventlikeNew(@item.event_id)" tooltip-placement="top"  uib-tooltip=@(item.Islike == true ? GetResolvedText("UnlikeText") : GetResolvedText("LikeText"))>

@functions{
string GetResolvedText(string key)
    {
        return Model.OurCustomer_ViewModel[0].datat.FirstOrDefault(l => l.Key == key).Value;
        //return Model[0].datat.FirstOrDefault(l => l.Key == key).Value;
    }
}

这是js函数

$scope.EventlikeNew = function (EventId, index, type) {
    debugger;
    $scope.eventLikebeforeLogin.EventId = EventId;
    (index == undefined) ? '' : $scope.eventLikebeforeLogin.index = index;
    $scope.eventLikebeforeLogin.type = type;
    var userid = sessionStorage.getItem("UserId");
    if (userid == null || userid == "null") {
        $('#myModal').modal('toggle');

    }
    else {
        if (type == undefined)
            angular.copy($scope.eventDesc, $scope.editeditem);
        else if (type == "manager")
            angular.copy($scope.eventDesc.ManagerialEvents[index], $scope.editeditem);
        else
            angular.copy($scope.eventDesc.SimilarEvents[index], $scope.editeditem);
        EventService.EventLikeapi(EventId, userid).then(function (response) {
            debugger;
            var divLike = $("div#" + EventId);
            var likeCount = 0;
            if (!isNaN(parseInt($(divLike).find("span").html()))) {
                likeCount = parseInt($(divLike).find("span").html());
            }
            if ($(divLike).find("a").hasClass("active")) {  //Disliking Event
                likeCount--;
                $(divLike).find("a").removeClass("active");
                $(divLike).find("span").css("color", "black");
                // $(divLike).find("a").tooltip("close");

                // $(divLike).find("a").attr('uib-tooltip', 'like');
                if (likeCount > 0) {
                    $(divLike).find("span").html(likeCount);
                }
                else {
                    $(divLike).find("span").html("");
                }
                $translate('SweetEventdisLikeText').then(function (text) {
                    sweet.show({
                        type: 'warning',
                        title: "",
                        text: text,
                        timer: 2000,
                        showConfirmButton: false,
                        allowOutsideClick: true
                    });
                });
            }
            else {
                likeCount++;
                $(divLike).find("a").addClass("active");
                $(divLike).find("span").css("color", "white");
                $(divLike).find("span").html()
                $(divLike).find("span").html(likeCount);
                $(divLike).find("a").tooltip("close");
                $translate('SweetEventLikeText').then(function (text) {
                    sweet.show({
                        type: 'success',
                        title: "",
                        text: text,
                        timer: 2000,
                        showConfirmButton: false,
                        allowOutsideClick: true
                    });
                });
            }
            angular.copy($scope.editeditem, (type == undefined ? $scope.eventDesc : (type == "manager" ? $scope.eventDesc.ManagerialEvents[index] : $scope.eventDesc.SimilarEvents[index])));
        });
    };

1 个答案:

答案 0 :(得分:0)

用作ng-click =“ 返回 EventlikeNew(@ item.event_id);”

在EventlikeNew函数结束时

返回false

我希望它能起作用。