Javascript 在同一按钮中执行下一个函数

Javascript 在同一按钮中执行下一个函数,javascript,jquery,function,next,Javascript,Jquery,Function,Next,我正在用Jquery编写一个互动故事,我的问题是,因为 单击按钮后,第一个文本加载到函数场景1上。单击slideBt1后,第二个文本函数如何通过同一按钮执行,与下一个按钮一样工作 function scene1 () { $("p").text("Hi! My name is Lombado"); //1st text $('.slideBt1').click(function(){ $('p').text("Nice to meet you!").hide().fadeIn(1000); }

我正在用Jquery编写一个互动故事,我的问题是,因为 单击按钮后,第一个文本加载到函数场景1上。单击slideBt1后,第二个文本函数如何通过同一按钮执行,与下一个按钮一样工作

function scene1 () {
$("p").text("Hi! My name is Lombado");

//1st text
$('.slideBt1').click(function(){
$('p').text("Nice to meet you!").hide().fadeIn(1000);
});

//2nd text
$('.slideBt1').click(function(){
$('p').text("what is your name").hide().fadeIn(1000);
});

使用一些标志在它们之间切换

function scene1() {
  $("p").text("Hi! My name is Lombado");
  $('.slideBt1').click(function() {
    if (!this.toggle)
      $('p').text("Nice to meet you!").hide().fadeIn(1000);
    else
      $('p').text("what is your name").hide().fadeIn(1000);
    this.toggle = !this.toggle;
  });
}
$(“p”).text(“嗨!我的名字叫隆巴多”);
$('.slideBt1')。单击(函数(){
如果(!this.toggle)
$('p').text(“很高兴认识你!”).hide().fadeIn(1000);
其他的
$('p').text(“你叫什么名字”).hide().fadeIn(1000);
this.toggle=!this.toggle;
});


单击
您可以使用jQuery中的代码触发单击事件,如下所示:

function scene1 () {
   $("p").text("Hi! My name is Lombado");
   $('.slideBt1').trigger("click");
} 

不需要进行不同的单击,您可以让需要显示的文本显示在一个数组中,然后单击按钮显示数组的下一个元素

如果在故事的不同点需要不同的动作/动画,那么也需要将动画存储在阵列中

var story=[“很高兴认识你!”、“你叫什么名字”、“其他句子…”、“还有一句话”];
var-clickCount=0;
$(“p”).text(“嗨!我叫隆巴多”);
var nextStatment=函数(){
$('p').text(故事[clickCount]).hide().fadeIn(1000);
点击计数++;
//如果计数超过数组大小,则可能需要将计数重置为0。
};
$('slideBt1')。在('click',nextstatement')


单击
,而不是进行不同的单击,您可以让需要显示的文本以数组形式显示,然后单击按钮显示数组的下一个元素。感谢您的回答,我可以试试您的建议。Pranav C Balan,我如何切换3个或更多的函数?@FernandoSouza:在这种情况下,你需要做一些类似Ankit Mishra的回答:)谢谢,所以我将使用数组。很遗憾在1.9版中删除了toggle方法…嗨,所以我决定在数组(函数)上添加更多信息,在这种情况下,对象会更好。如何通过clickCount访问所谓“故事”对象中的函数?