属性“src”在左侧Image上包含零

时间:2014-05-14 05:46:47

标签: javascript jquery image src attr

我对这段代码的src有点麻烦:

一个事件更新了依赖于从表单收集的变量的src,然后这些.jpg的名称不能更改,所以我需要坚持下去。问题是他们的所有名字都是数字,而且其中一些以零开头,所以使用字符串中的attr不能正常工作:

var newSrc = "http://charal.unacar.mx/fotos/" +credencial+ ".jpg";
$('#foto').removeAttr("src")
$('#foto').attr('src', newSrc);

此凭据可以使用:######

此凭据不会:0#####

在哪里解决我的问题?

2 个答案:

答案 0 :(得分:0)

我有一个例子,你可能会帮助你。这不是确切的代码,但通过检查这个你可以做你想要的。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('li[id^="step"]').click(function(){
    var imagepath = jQuery(this).attr('dir');
    jQuery('#ImageDiv').find('img').attr('src',imagepath);
});
});</script>
<style>
li{ cusrsor:pointer; padding:10px; }
</style>

<li id="step1" dir="images1.jpg">Step1</li>
<li id="step2" dir="images2.jpg">Step2</li>
<li id="step3" dir="images3.jpg">Step3</li>
<li id="step4" dir="images4.jpg">Step4</li>
<li id="step5" dir="images5.jpg">Step5</li>

<div id="ImageDiv"><img src="images1.jpg"></div>

答案 1 :(得分:0)

奇怪的是它今天早上自己开始工作我不知道我做了什么,谢谢你的帮助,工作代码是这样的:

$("#credencial").keyup(function(e) {
        if ($("#credencial:focus") && (e.keyCode === 13)) {
            var credencial = $("#credencial").val();
            console.log("\n credencial " + credencial);
            $(':input', '#frm')
                .not(':button, :submit, :reset, :hidden')
                .val('')
                .removeAttr('checked')
                .removeAttr('selected');
            $.post("http://localhost/Aplicaciones%20con%20bases%20de%20datos/consulta.php", {
                    credencial: credencial
                }, function(json) {
                    $('#matricula').val(json.matricula);

                    $('#des').val(json.des);
                    $('#carrera').val(json.carrera);
                    $('#nombre').text(json.nombre + " " + json.apellido);
                    //var newSrc = "background:url('http://charal.unacar.mx/fotos/"+json.matricula+".jpg'); background-size:300px;";

                    var newSrc = "http://charal.unacar.mx/fotos/" +credencial+ ".jpg";
                    $('#foto').removeAttr("src")
                    $('#foto').attr('src', newSrc);
                },
                "json");
        }
    });