【问题标题】:YES/NO before firing Link是/否在触发链接之前
【发布时间】:2014-06-19 08:14:01
【问题描述】:

在触发链接之前,我需要一个是/否提示。我已经尝试了几种我发现的解决方案,但没有一个效果很好。除了confirm(),甚至没有人阻止链接的触发。但是 confirm() 并没有给我改变东西或改变按钮标签的机会。 我想根据用户选择的内容向 url 添加一个值。另一个问题是我在页面(事件)上有这些链接的列表。 任何帮助将不胜感激。

编辑 1

$("a").click(function(e) {
    e.preventDefault();
});

不起作用,在这种情况下,我不知道如何访问该 url。而我只是想推迟调用url。

编辑 2 这是创建链接的代码(cakephp):

echo $this->Html->link(
    $this->Html->image('image.png',array(
      'title' => __('title'),
      'alt' => __('title')
    )),
    array(
      'action' => 'action',
      $eventId,
      $anotherVar,
      $this->Paginator->current(),
      $customerId
    ),
    array('escape' => false)
  );

现在我想问客户一个“是/否”问题,并根据客户的选择向 url 添加另一个参数。

编辑 3 通过上面的代码创建的html代码:

<a href="/system/controller/function/value1/value2">

【问题讨论】:

  • 给我们看一些代码。你试过什么?你可能想要某种插件。
  • 您发布的代码似乎不是链接本身。在不知道link() 方法的情况下,没有人可以知道链接在html 中的结果如何,这就是您添加javascript 的地方。您应该编辑 html 页面而不是 php 代码以使 javascript 运行。
  • @magic_al 链接函数属于 cakephp 框架。很抱歉之前没有提到这一点。
  • @MrSmith 该功能是链接的一部分。但是这个对象的链接数组可能(我不熟悉蛋糕,但据我所知它是一个MVS框架)在模板文件中呈现为html。这是包含对 html 和 javascript 的更改的重点。您发布的 Php 功能仅提供 url、alt、链接标题等信息...
  • @magic_al 我不知道我是否正确。用于创建链接的代码如上写在视图文件中。它创建 html 代码

标签: javascript jquery cakephp


【解决方案1】:
<a href="home/about-me" onclick="return confirm('Are you sure to move to this page');">click me</a>

对任何开发人员来说都是最简单的事情。

这里是自定义确认框的参考,

Custom Confirm Box

如果你想改变整个盒子和功能,那就选择 jQuery Modal 盒子,

jQuery Modal

【讨论】:

  • 你会看书吗?我确实说过我不想确认,因为我想更改按钮标签并根据用户单击的按钮做一些事情。
  • 在其他情况下,不会延迟调用 url。而且我不知道为什么要 preventDefault();不工作。
【解决方案2】:

如果您想在提交链接之前采取任何行动,您可以使用 jQuery.click()。此外,您可以通过

停用默认行为(按照链接)
event.preventDefault();

所以你会想出类似的东西:

jQuery('a.mylink').click(function( event ){

    // prevent following link
    event.preventDefault();

    // validation and action
});

通过验证并采取适当的措施后,您可以使用以下命令触发点击事件:

jQuery("a.mylink").trigger("click");

希望我没听错。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-09-08
    • 1970-01-01
    • 1970-01-01
    • 2021-10-14
    • 1970-01-01
    • 2010-09-27
    • 2014-01-07
    相关资源
    最近更新 更多