属性包含选择器不适用于动态添加的属性

Question

我有以下代码：

＆＃13;

＆＃13;

$(document).ready(function() {
  $("a[href*='window']").on("mouseover", function() {
    $(this).css('color', 'green');
  });
  $("a:eq(2)").click(function() {
    $(this).attr("href", "#window_1");
  });
});

＆＃13;

a {
  padding-left: 20px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="#1_window">link 1</a>
<a href="#1_window_1">link 2</a>
<a href="#">link 3 (click to add substring "window")</a>

＆＃13;

＆＃13;

＆＃13;

在这里，我基本上尝试将一些css应用于{em>＆＃39; ＆＃39; ＆＃39; 的a标签＆＃39; mouseover＆＃39; 事件的＃39; 属性。

代码适用于具有预定义属性（具有指定子字符串）但对于动态添加属性失败的代码。

如何解决此问题？