Question

我正在开始一个角度js应用程序，我遇到了障碍。我有一个html页面，其中有几个带有图标的div，鼠标悬停在上面，我希望背景改变颜色。使用jquerys $（document）.ready（function（）{approach

）可以正常工作

此页面根据网址中的ID更改内容（例如，appid的页面/ apps / 1 - 1）但是，只有在第一次加载页面时才会调用使用onmouse over events设置背景颜色的jquery。如果我单击链接以更新新应用程序，即使该方法被明确调用，jquery也不会生效如果我直接在浏览器中导航到相关页面，jquery按预期工作，只有当我单击页面上的链接加载页面而不进行浏览器刷新时，jquery不起作用

非常感谢任何有关此方面的帮助

代码如下加载的页面

    <div class="row" style="border:0px solid red;">
    <div class="col-md-1 createSection-spacer-left-width"></div>
    <div class="col-md-11">
        <ul class="nav nav-boxed nav-justified nav-box-text createSection-content-width">
            <li><a href="javascript:;" id="rssAndUrlsLi"><i id="rssAndUrls" class="genericNavBox rssAndUrls"></i> Rss & Urls</a></li>
            <li><a href="javascript:;" id="articleURLLi"><i id="articleURL" class="genericNavBox articleURL"></i> Article URL</a></li>
            <li><a href="javascript:;" id="googleAlertsLi"><i id="googleAlerts" class="genericNavBox googleAlerts"></i> Google Alert</a></li>
            <li><a href="javascript:;" id="writeLi"><i id="write" class="genericNavBox write"></i> Write </a></li>
            <li><a href="javascript:;" id="twitterLi"><i id="twitter" class="genericNavBox twitter"></i> Twitter</a></li>
            <li><a href="javascript:;" id="facebookLi"><i id="facebook" class="genericNavBox facebook"></i> Facebook</a></li>
            <li><a href="javascript:;" id="googlePlusLi"><i id="googlePlus" class="genericNavBox googlePlus"></i> Google +</a></li>
            <li><a href="javascript:;" id="youtubeLi"><i id="youtube" class="genericNavBox youtube"></i> YouTube</a></li>
        </ul>

    </div>

</div>

然后在本页底部加载Javascript文件

<script src="scripts/customMobileAppScripts/createSection.js"></script>

请求的Javascript文件中的代码部分

          $(document).ready(function() {
        return setSourceBoxValues();
      });

function setSourceBoxValues() {
$("#rssAndUrlsLi").mouseover((function() {
      return $("#rssAndUrls").addClass("rssAndUrlsActive");
    }));
    $("#rssAndUrlsLi").mouseover((function() {
      return $("#rssAndUrlsLi").css("background-color", "red");
    }));
}

干杯达明

Answer 1

感谢帮助人员

我能够通过将我的javascript逻辑调用移动到我的angularjs控制器而不是在页面加载时使用jquery来解决这个问题

干杯达明

Angular JS - 重新加载Javascript

1 个答案: