Question

我提前道歉，询问我确定的是一个与jQuery相关的全新问题。

我正在尝试配置Zurb的“jQuery Feature Tour”：http://www.zurb.com/playground/jquery_joyride_feature_tour_plugin

默认情况下，他们设置了一些东西，以便在页面加载时开始游览，但这不是我想要的。

我希望有一个标有“Start Tour”的链接，点击后会开始游览。

他们提供的默认代码是：

  $(window).load(function() {
    $('#joyRideTipContent').joyride({
      autoStart : true,
      postStepCallback : function (index, tip) {
      if (index == 2) {
        $(this).joyride('set_li', false, 1);
      }
    },
    modal:true,
    expose: true
    });
  });

显然我可以将autoStart设置为“false”。

但是，即便如此，我也不知道如何在点击另一个链接时触发脚本运行。

非常感谢任何帮助。提前谢谢！

Answer 1

尝试

$("a").click(function() {
    $('#joyRideTipContent').joyride({
        autoStart : true,
        postStepCallback : function (index, tip) {
            if (index == 2) {
                $(this).joyride('set_li', false, 1);
            }
        },
        modal:true,
        expose: true
    });
});

Answer 2

$('a#LinkId').click(onClick);

function onClick() {
    // This function will execute when the link with id='LinkId' is clicked.
    // You can put the code to start the tour inside this function.
}

链接点击触发jQuery脚本（不在页面加载）

2 个答案: