首页 > 解决方案 > 点击功能不起作用;语法有问题吗?

问题描述

titleNotes单击以“contentNotes”开头的 ID 和另一个以“contentNotes”开头的 ID 后,我试图在屏幕上显示警报。我第一次尝试使用这样的选择器是.css("cursor", "pointer")成功的,所以我尝试在点击事件中实现这样的选择器,但这不起作用。我的语法有问题吗?

这是我的脚本:

$(document).ready(function() {
    $("#changeIcon").click(function() {
        $(this).find("i").toggleClass("fa-th fa-list");
        $("body").find("#gridContainerMain").toggleClass("grid-container-3 grid-container-1");
        $("body").find("#fillerColumnTop").toggleClass("grid-item-whole-column-filler-3-grid-container-state grid-item-whole-column-filler-1-grid-container-state");
    });
    $("[id^='titleNotes'],[id^='contentNotes']").css("cursor", "pointer");
    $("[id^='titleNotes'],[id^='contentNotes']").click(function() {
        alert("try"); //this is not alerting the user
    }); 
    $("[id^='deleteNotes']").click(function() {
        var id = $(this).closest('div').attr('id');
        console.log(id);
        $.ajax({
            url: "ajax/deleteidentifier.php",
            type: "post",
            data: {
                id: id
            }
        })
        .done(function(response){
            if (JSON.parse(response)) {
                alert("Moved to deleted folder.");
                window.location.reload();
            }
            else {
                alert("Failed!");
            }
        });
    });
});
```
and here's the php code that contains the IDs in which the script would try to find

```
<?php
    include "db.php";
    $sql_display_notes = "SELECT * FROM notes WHERE user_id = '$account_id' AND archived_status = 'n' AND deleted_status = 'n'";
    $query_sql_display_notes = $conn->query($sql_display_notes);
    while ($result_query_sql_display_notes = $query_sql_display_notes->fetch_array()) {
        $note_record = $result_query_sql_display_notes["note_record"];
        $note_type = $result_query_sql_display_notes["note_type"];
        $note_title = $result_query_sql_display_notes["note_title"];
        $date_created = $result_query_sql_display_notes["date_created"];
        $note_id = $result_query_sql_display_notes["note_id"]
        ?>
            <div class="grid-padding-all" id="<?php echo $note_id; ?>">
                <button type="button" id="deleteNotes<?php echo $note_id; ?>" class="close" data-dismiss="modal">&times;</button>
                <input name="note_title" id="titleNotes<?php echo $note_id; ?>" class="note_display" disabled="" value="<?php echo $note_title ?>" title="created on <?php echo $date_created; ?>. Note type: <?php echo $note_type; ?>">
                </input>
                <textarea name="note_record" id="contentNotes<?php echo $note_id; ?>" class="note_display" disabled=""title="created on <?php echo $date_created; ?>. Note type: <?php echo $note_type; ?>"><?php echo $note_record; ?></textarea>
            </div>
        <?php
    }
?>

标签: javascriptphpjqueryhtmlajax

解决方案


推荐阅读