Javascript 单击“更改”按钮和div

您好，我需要使用“view 360”按钮模拟此网站功能：

我已经完成了360脚本，只是我无法完成的按钮

我在这里尝试过：

但正如你所看到的，有几件事是错误的

我需要在单击按钮时更改DIV，但我也需要在每次单击按钮时更改它（从“view 360”更改为“view image”）

除此之外，我还需要“照片”选项卡中的图像，以便能够将div和按钮更改回“view 360”

我想我有JavaScript，但我不知道如何将其与HTML结合使用

$('.yourButton').bind('click',function(){
if (!$('.yourButton').hasClass('dragMode')) {
    $('.yourButton').addClass('dragMode');
    $('.yourButton').attr('value')="Drag [...]";
} else { // if in drag mode
    $('.yourButton').removeClass('dragMode');
    $('.yourButton').attr('value')="View 360";
}
});

$('.yourTabImages').bind('click',function(){
if ($('.yourButton').hasClass('dragMode')) {
    $('.yourButton').removeClass('dragMode');
    $('.yourButton').attr('value')="View 360";
}
});

我希望这一切都有意义

---

谢谢大家

不要实现自己的代码，这需要时间。使用以下任何您喜欢的插件：

---

不要实现自己的代码，这需要时间。使用以下任何您喜欢的插件：

---

如果使用jquery，可以通过以下方式轻松实现：

$('.yourButton').bind('click',function(){
    if (!$('.yourButton').hasClass('dragMode')) {
        $('.yourButton').addClass('dragMode');
        $('.yourButton').attr('value')="Drag [...]";
    } else { // if in drag mode
        $('.yourButton').removeClass('dragMode');
        $('.yourButton').attr('value')="View 360";
    }
});

$('.yourTabImages').bind('click',function(){
    if ($('.yourButton').hasClass('dragMode')) {
        $('.yourButton').removeClass('dragMode');
        $('.yourButton').attr('value')="View 360";
    }
});

---

通过这种方式，您可以在处理单击事件时选择要调用的方法时验证按钮处于哪种模式。希望这对您有所帮助

如果您使用jquery，可以通过以下方式轻松实现：

$('.yourButton').bind('click',function(){
    if (!$('.yourButton').hasClass('dragMode')) {
        $('.yourButton').addClass('dragMode');
        $('.yourButton').attr('value')="Drag [...]";
    } else { // if in drag mode
        $('.yourButton').removeClass('dragMode');
        $('.yourButton').attr('value')="View 360";
    }
});

$('.yourTabImages').bind('click',function(){
    if ($('.yourButton').hasClass('dragMode')) {
        $('.yourButton').removeClass('dragMode');
        $('.yourButton').attr('value')="View 360";
    }
});

---

通过这种方式，您可以在处理单击事件时选择要调用的方法时验证按钮处于哪种模式。希望这有帮助

请发布您的相关代码。请发布您的相关代码。如果您查看我的网站，我已经破解了360脚本！我需要知道如何操作控制DIV的按钮？我的帖子是关于控制DIV的按钮的，否则我不理解你的问题到底是什么。你能解释一下这个按钮的预期行为和现在的情况吗？啊，谢谢你，我没有意识到。你能告诉我如何将它与html代码结合使用吗？谢谢考虑到jquery已经加载，像这样绑定这两个事件应该可以完成以下任务：$（document）.ready（function（）{/…}）；我还是不明白，我想你高估了我在这方面的知识！你能像个5岁的孩子一样跟我说话吗！我不知道我会用什么html与这个脚本一起使用，使它与div和按钮一起工作如果你在我的网站上看，我已经破解了360脚本！我需要知道如何操作控制DIV的按钮？我的帖子是关于控制DIV的按钮的，否则我不理解你的问题到底是什么。你能解释一下这个按钮的预期行为和现在的情况吗？啊，谢谢你，我没有意识到。你能告诉我如何将它与html代码结合使用吗？谢谢考虑到jquery已经加载，像这样绑定这两个事件应该可以完成以下任务：$（document）.ready（function（）{/…}）；我还是不明白，我想你高估了我在这方面的知识！你能像个5岁的孩子一样跟我说话吗！我不知道我会用什么html与这个脚本结合使用，使它与div和按钮一起工作