Question

$("#chk_select").html("Sorry no such product. Click here to create one");

当显示上面的行时，如果用户点击“点击此处”，我需要javascript来调用slideUp();之类的操作。有可能吗？

Answer 1

将字符串中的那部分包裹在元素中，例如：

$("#chk_select").html("Sorry no such product. <span id='link'>Click here</span> to create one");

然后编写一个点击处理程序

$("#link").click(function() {
   slideUp();
});

或者你可以做到

$("#link").on( "click", function() {

Answer 2

您必须将字符串拆分为2个部分并在span中包含“Click here”。然后将点击处理程序附加到此范围

Answer 3

这样做

$("#chk_select").html("Sorry no such product. Click here to create one").bind('click',function () {
    $(this).slideUp();
});

以及何时隐藏/删除文字

$("#chk_select").html('').unbind('click');

小提琴：http://jsfiddle.net/FArKv/

<强>更新

由于您只需要将文本的一部分单击并全部隐藏。像其他人一样使用它，

$("#chk_select").html("Sorry no such product. <a href='#' id='bind_click_here'>Click here</a> to create one");

$("#bind_click_here").bind('click',function () {
    $("#chk_select").slideUp();
    return false;
});

http://jsfiddle.net/FArKv/1/

Answer 4

您可以通过添加锚点稍微调整HTML，然后添加点击处理程序：

$("#chk_select")
    .html('Sorry no such product. <a href="#">Click here</a> to create one')
    .on('click', 'a', function(event) {
        event.preventDefault();
        // do your stuff
        $(event.delegateTarget).slideUp();
    });

是否可以通过单击字符串的一部分来调用函数？

4 个答案: