Question

$(function() {
    $("#register").dialog({
        autoOpen:false,
        show: {
            effect:"",
            duration: 1000
        },
        hide: {
            effect:"",
            duration: 1000
        }
    });

    $("#register-opener").click(function() {
        $("#register").dialog("open");
    });
});

<td><a id="register-opener" href="?id=<? echo "$members_row[id]"; ?>"><i class="glyphicon glyphicon-pencil" title="Edit"></i></a></td>

所以我想要完成的是点击链接以便能够编辑某些用户信息，问题是我只能在用href =＆＃34替换href时发生弹出窗口;＃＆＃34 ;.有人可以帮忙吗谢谢。

Answer 1

您需要在jQuery中进行一些更改才能实现此目的。

echo "$(tr -s '\n' ' ' < ${data[1]} | grep -oP '<af:popup.*?'${data[2]}.*?>')"

以上脚本将确保当用户点击链接时，它不会转到$("#register-opener").click(function(e) { e.preventDefault(); $("#register").dialog("open"); });中提到的网址并执行以下代码。

https://api.jquery.com/event.preventdefault/

如果调用 e.preventDefault（），则默认操作事件（单击上面的案例）将不会被触发。

Answer 2

您的对话功能似乎存在问题。请改用提示，并确保删除a标记

中的图标

＆＃13;

    jQuery("#register-opener").click(function() {
      var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("#yourid").innerHTML =
    "Hello " + person + "! How are you today?";
  //Or do your thing
}
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <a id="register-opener" href="?id=<?php echo '$members_row[id]'; ?>">
    icon<i class="glyphicon glyphicon-pencil" title="Edit">
    </i>
  </a>
</div>

＆＃13;

Answer 3

将ID设置为data-属性而非使用href可能会更好，这可用于指定要遵循的Web浏览器的URL。

<td><a id="register-opener" href="#" data-id="<? echo $members_row[id]; ?>"><i class="glyphicon glyphicon-pencil" title="Edit"></i></a></td>

然后，您可以使用

访问jQuery中data-id属性的值

$("register-opener").attr("data-id");

在jQuery UI对话框中打开PHP链接

3 个答案: