react中使用jquery的ajax请求得到一个html片段,但其中的js不执行 5C

问题:
使用react用ajax请求本地的一个index.html文件,index.html中只有几个html片段,最后返回得到的结果是dom元素可以正常显示,但是片段中script标签下的脚本没起作用,求大神解答
代码如下:

1、react页面

  <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta charset="UTF-8" />
    </head>
    <body>
        <div id="content"></div>
        <script src="http://static.runoob.com/assets/react/react-0.14.7/build/react.min.js"></script>
        <script src="http://static.runoob.com/assets/react/react-0.14.7/build/react-dom.min.js"></script>        
        <script src="http://static.runoob.com/assets/react/browser.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script type="text/babel">


    class UserGist extends React.Component {

     constructor() {
    super();
    this.state = {
      html: ''
    };    
  }

2、请求的index.html页面

 <a id="firstaitem" href="#">Number1</a>
<a href="#" style="color: red;">Number2</a>
<a href="#">Number3</a>

<script type="text/javascript">
    document.getElementById('firstaitem').style.color='green'
</script>

运行结果如下:
使用react中ajax请求index.html返回的页面:

图片说明

直接运行index.html的页面:
图片说明

相当于使用ajax请求的得到的结果里script下面的这部分代码没执行,求解决。。。

 <script type="text/javascript">
    document.getElementById('firstaitem').style.color='green'
</script>

4个回答

用谷歌调式一下不就知道了

用谷歌调式一下不就知道了

$(function(){
document.getElementById('firstaitem').style.color='green'
})
或者
$(document).ready(function(){
document.getElementById('firstaitem').style.color='green'
})

你需要将该函数在windows.onload中调用一下

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问