Question

我有以下代码段：

代码：

<a href="" ng-click="loadNewsArticle(article.id);" ng-bind-html="renderHtml(titleList[article.id])"></a><br/><br/>
<div class="ma_shell"><div class="mobile_article" id="article{{article.id}}" ng-bind-html="renderHtml(article.article)"></div></div>

生成的html：

<a class="ng-binding" href="" ng-click="loadNewsArticle(article.id);" ng-bind-html="renderHtml(titleList[article.id])">Article Title</a><br><br>
<div class="ma_shell"><div class="mobile_article ng-binding" id="article3" ng-bind-html="renderHtml(article.article)"><p>Article Content.</p></div></div>

控制器中的jQuery：

$scope.loadNewsArticle = function(idno){
        $('html,body').scrollTop(0);
        $('.news-article').html("<h3>" + $scope.titleList[idno] + "</h3>" + $scope.articleList[idno]);

//      $('.mobile_article').css('display', 'block');
        $("#article3").css('display', 'block');
        return false;
};

正如预期的那样，$('.mobile_article')的行（目前已注释掉）完美无缺。我原来有下一行读$('#article' + idno)但硬编码一个id进行测试。它没有用。

我基本上想在点击链接时执行以下操作： 1）隐藏班级mobile_article的所有div。它们默认隐藏，但如果之前的链接打开了一个，我希望它关闭。 2）显示与刚刚点击的链接相关联的一篇文章。

我最近刚刚使用其他网站进行了此操作，但我无法再访问该代码进行比较。但我在这里明显遗漏了一些东西。

jQuery选择器ID不访问div

0 个答案: