Question

您好我正在尝试更新模态函数内的图像。但是，我无法做到。这是我的HTML代码：

<div class="startorder">

<span class="btn btn-lg btn-block btn-success startorderbtn" data-toggle="modal" data-target="#verification" onclick="GetNewCaptcha()" >StarOrder   </span>
            </div>


        <!-- Div for user input table_id and captcha -->
        <div id="verification" class="modal fade" role="dialog">
          <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">请输入您的口令</h4>
              </div>
              <div class="modal-body">
                 <form class="form-horizontal" role="form">


                   <div class="form-group"> 
                        <!--get captcha pic-->
                     <div class="col-xs-12">
                        <img class="captcha-img" onclick="GetNewCaptcha()" src="" />
                     </div>
                   </div>
                   <div class="form-group"> 
                     <div class="col-xs-12">
                       <button type="submit" class="btn btn-block btn-info" onclick="SubmitVerification()">提交</button>
                     </div>
                   </div>
                 </form>
              </div>
            </div>

          </div>
        </div>

当我点击顶部的“starorder”时，模式“验证”将会显示。我正在尝试加载模态内的图像。图像类是“captcha-img”

这是我的JS代码：

function GetNewCaptcha() {
    $('.captcah-img').data("src", "http://127.0.0.1:8000/static/order/img/1.png");
}

看起来没有触发GetNewCaptcha（）函数。模态有什么特别之处吗？

Answer 1

请检查class name的拼写。我认为必须是captcha-img而不是.captcah-img

function GetNewCaptcha() {
    $('.captcha-img').data("src", "http://127.0.0.1:8000/static/order/img/1.png");
}

您也可以使用attr方法。

function GetNewCaptcha() {
    $('.captcha-img').attr("src", "http://127.0.0.1:8000/static/order/img/1.png");
}

无法通过onclick函数

1 个答案: