根据变量更改load()文本?

时间:2015-12-28 23:34:05

标签: javascript php jquery

在以下脚本中,我需要做的就是在每个.php函数中更改.load()之前的整数。

也就是说,当bio_id递增或递减时,文件名1.php将递增或递减bio_id。我不知道该怎么做。

<script>
    $("#bio").load("assets/includes/bios/1.php");
</script>
<div class="btn-group" role="group">
    <button id="prev" type="button" class="btn btn-default disabled" onclick="prevBio()">Previous</button>
    <button id="next" type="button" class="btn btn-default" onclick="nextBio()">Next</button>
</div>

<script>
    /* bio id number */
    var bio_id = 1;
    var new_bio = 1;

    function nextBio() {
        bio_id++;
        new_bio = bio_id;
        console.log(bio_id);
        $('#bio').load("assets/includes/bios/2.php"); 

        if (new_bio > 1 && bio_id < 12) {
            $('#prev').removeClass('disabled');
            $('#next').removeClass('disabled');
        } 
        else if (new_bio == 12) {
            $('#next').addClass('disabled');
        }
        return bio_id;
    }

    function prevBio() {
        bio_id--;
        new_bio = bio_id;
        console.log(bio_id);
        $('#bio').load("assets/includes/bios/2.php"); 

        if(new_bio == 1) {
            $('#prev').addClass('disabled');
        }
        else if (new_bio > 1 && bio_id < 12) {
            $('#prev').removeClass('disabled');
            $('#next').removeClass('disabled');
        } 
        else if (new_bio == 12) {
            $('#next').addClass('disabled');
        }

        return bio_id;
    }
</script>

2 个答案:

答案 0 :(得分:2)

javascript的优点是打字很松散,所以你可以做这样的事情来连接你的字符串:

bio_id=12;
alert('hello' + bio_id);

答案 1 :(得分:0)

是的,在您的情况下,它将是:

$('#bio').load("assets/includes/bios/" + bio_id + ".php");