Question

我无法使用jquery更改图像的src：

我的div projectName包含所有按钮，用于更改图像。那些图像将包含在另一个名为projectImg的div中。

但是当我点击我的按钮时，什么也没发生。有人知道是否有办法使我的jquery工作？

编辑：发现错误！我只需要输入一个类型=＆＃34;按钮＆＃34;进入我的HTML按钮。谢谢你的帮助！

＆＃13;

$(document).ready(function(){
	$('.sliding').click(function(){
   		var url_img = $(this).attr('id');
   		$('#projImg img').attr('src',url_img)
   });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="galerie" class="galerie-section content-section">
      <div class="container">
        <div class="row">
        
          <div class="container-fluid projectName text-center col-sm-6" id="projName">
              <button id="img/img1.jpg" class="sliding" type="button">img1</button>
              <button id="img/img2.jpg" class="sliding" type="button">img2</button>
              <button id="img/img3.jpg" class="sliding" type="button">img3</button>  
          </div>
          
          <div class="container-fluid projectImg col-sm-6" id="projImg">  
            <img src="img/img1.jpg" class="img-fluid img-galerie">
          </div> 
        </div>
      </div>
    </section>

＆＃13;

Answer 1

多重错误。

1）就绪功能不接受您的直接功能应该被function(){}包裹

2）你的div直接没有src属性。你必须找到里面的图像并设置。

3）你对目标div的id是错误的。校正。

＆＃13;

$(document).ready(function(){
	$('.sliding').click(function(){
  debugger;
   		var url_img = $(this).attr('id');
   		$('#projImg').find("img").attr('src',url_img)
   });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="galerie" class="galerie-section content-section">
      <div class="container">
        <div class="row">
        
          <div class="container-fluid projectName text-center col-sm-6" id="projName">
              <button id="img1" class="sliding">img1</button>
              <button id="img2" class="sliding">img2</button>
              <button id="img3" class="sliding">img3</button>  
          </div>
          
          <div class="container-fluid projectImg col-sm-6" id="projImg">  test
            <img src="img/img1.jpg" class="img-fluid img-galerie">
          </div>
          
        </div>
      </div>
    </section>

＆＃13;

Answer 2

你有错误的选择器 - 你的选择器是div，而不是img。这应该是$('#projImage img').attr('src',url_img)

用jquery改变另一个div的img src？

2 个答案: