Question

我遇到了javascript（jquery）和html集成的问题......

HTML：

<div id="arrows">
<div id="slideup"></div>
<div id="slidedown"></div>
</div>

如你所见，我有2个带有id滑动和滑动的div，在页面加载后我用newID1更改第一个div-s id，如果用户点击slidedown div，newID1再次变为slideup，我有两个函数，第一个开始当单击带有幻灯片的元素时，第二个是在单击带有slidingown的元素时启动，在newID1更改为slideup后，必须在单击幻灯片时启动的函数不起作用...请参阅下面的JS代码...

JavaScript（JQuery）：

$(function(){
    lastbul="bul1";
    i=1;
    $("#slideup").attr("id", "newID1");
    $("#slideup").click(function (){
        i--;
        console.log(i);
    }
    $("#slidedown").click(function (){
        i++;
        console.log(i);
    if (lastbul=="bul1") $("#newID1").attr("id", "slideup");
            else  if (lastbul==sliderPics[sliderPics.length-1].id) $("#newID2").attr("id", "slidedown");
}

sliderPics是数组，工作正常，不需要显示...

Answer 1

这里：

$("#slideup").attr("id", "newID1");
$("#slideup").click(function (){

在第一行之后，不再有任何#slideup元素，因此第二行不会进行任何绑定。

将其更改为

$("#slideup").attr("id", "newID1").click(function (){

Answer 2

这里需要更改第二行。它没有任何约束力。将第二行更改为

  $("#slideup").attr("id", "newID1").click(function ()
 { **the code here**

JQuery＆＃34; Click＆＃34;功能不起作用

2 个答案: