0

Jqueryはタグを選択しておらず、Jqueryコードで選択してもタグのデフォルトアクションは妨げられません..コードの関連部分のみをコピーしたので、人々は何が間違っているのか教えてくれました..

他のリンクを選択したJqueryコードの他の部分は機能します...そしてデフォルトのアクションは妨げられます..以下は問題のある部分です。

<?php
        header ("Cache-Control: no-cache, must-revalidate");    // HTTP/1.1
        header ("Expires: Sat 26 Jul 1997 05:00:00 GMT");       // Date in the past
        require_once ("../_includes/functions.php");
        ?>
        <link rel="stylesheet" title="Style CSS" href="../_reports/report_assets/cwcalendar.css" type="text/css" media="all" />
        <script src="../_js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../_js/timer.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" src="../_reports/report_assets/calendar.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            $('#select').click(function(event){ 
                $(':checkbox').prop("checked", true);
                event.preventDefault();
            });
            $('#deselect').click(function(event){ 
                $(':checkbox').prop("checked", false);
                event.preventDefault();
            });

            $('#add').click(function() {
                var field = '<input class="project_fields" type="text" size ="30" name = field_settings[] /> &nbsp;&nbsp;&nbsp;&nbsp;';
                var checkbox = '<input class ="checkbox" type ="checkbox" name ="check_field[]" />&nbsp;&nbsp;&nbsp;';
                var delete_link = '<a class ="delete_link" style="text-decoration:none;" href="#"> Delete field </a> &nbsp;&nbsp;&nbsp;<br /><br />';
                var input = field + checkbox + delete_link;
                $('#input_fields').append(input);
            });

            $('div#input_fields a.delete_link').click(function(event) {
                event.preventDefault();
                alert('clicked !!!!');


            });

            $('#project_fields_submit').click(function() {
                var array_fields = new Array();
                $('.checkbox').each(function() {
                    if($(this) .is(':checked')) {
                        array_fields.push('1');
                    }
                    else {

                        array_fields.push('0');
                    }

                });
                $('#checkboxes').val(array_fields);
            });

            $('#edit_fields_submit').click(function() {
                var edit_fields = new Array();
                $('.edit_check').each(function() {
                    if($(this) .is(':checked')) {
                        edit_fields.push('1');
                    }
                    else {

                        edit_fields.push('0');
                    }

                });
                $('#edit_checkboxes').val(edit_fields);

            });

            $('#add_edit').click(function() {
                var new_field = '<input class ="edit_data" type="text" size ="40" name = edit_field_value[] value =""> &nbsp;&nbsp;&nbsp;';
                var new_checkbox = '<input class ="edit_check" type ="checkbox" name ="check_field[]" >&nbsp;&nbsp;&nbsp;';
                var delete_edit = '<a id ="new_delete_edit" style="text-decoration:none;" href="#" > Delete field </a><br><br>';
                var new_input = new_field + new_checkbox; 
                $('#new_input_fields').append(new_input);
                $('#new_input_fields').append(delete_edit);
            });


            $('a.delete_edit').click(function(event) {
                event.preventDefault();
                var ID = $(this).attr('id');
                var delete_field_id = 'edit_field'+ID;
                var field_data = $('#'+ delete_field_id).val(); 
                var project_id =  $('#edit_project_id').val();
                var string = {field : field_data, pid : project_id };
                $.ajax({
                    type: "POST",
                    url: "_ajax/delete_field.php",
                    data: string,
                    success: function(data){
                        $('#'+ID).remove();
                        $('#'+delete_field_id).remove();
                        $('#new_check'+ID).remove();
                    }
                });


            });


            $('#new_delete_edit').click(function(event) {
                alert("clicked !!!");
                event.preventDefault();
                 alert("Was preventDefault() called: " + event.isDefaultPrevented());
                $(this).hide();

            });


        });
</script>
<?php

function GetClientDropdown($pid){
    $data = "";
    $query = "SELECT cms_users.username, managers.user_id, managers.project_id, cms_users.status
    FROM cms_users
    INNER JOIN managers
    ON cms_users.user_id=managers.user_id AND managers.project_id='$pid' AND status!=1
    ORDER BY managers.user_id ASC";
    $result = mysql_query($query);

    $data .= '<form action="" method="POST" accept-charset="utf-8" onsubmit="SubmitClientSettings(event);">
    <select id="client_managers" onChange="GetClientInfo(this);">
    <option value="0">Select User';
    while ($row = mysql_fetch_assoc($result)){
        $data .= '<option value="' . $row['user_id'] . '">' . $row['username'];
    }
    $data .= '</select>';

    $data .= '<div id="manager_info"></div>';

    $data .= '</form>';

    return $data;
}

function GetStartDate($sid){
    $query = "SELECT start_date FROM shows WHERE show_id='$sid'";
    $result = mysql_fetch_assoc(mysql_query($query));
    return $result['start_date'];
}

function GetEndDate($sid){
    $query = "SELECT end_date FROM shows WHERE show_id='$sid'";
    $result = mysql_fetch_assoc(mysql_query($query));
    return $result['end_date'];
}


if (isset($_GET['pid']) && isset($_GET['user_id'])) {

    $id = $_GET['user_id']; 
    $pid = $_GET['pid']; 
    $show_id = $_GET['show_id']; 
    $query = "SELECT status FROM cms_users WHERE user_id='$id' LIMIT 1";
    $result = mysql_fetch_assoc(mysql_query($query));
    $status = $result['status']; 
    $start = GetStartDate($show_id); 
    $end = GetEndDate($show_id); 
    $pieces = explode ("-", $start);
    $year = $pieces [0];
    $month = $pieces[1];
    $day = $pieces[2];
    $day = $day + 0;
    $start = $year."-".$month."-".$day;

    $pieces = explode ("-", $end);
    $year = $pieces [0];
    $month = $pieces[1];
    $day = $pieces[2];

    $day = $day + 0;
    $end = $year."-".$month."-".$day;


    $query = "SELECT send_method FROM show_settings WHERE show_id='$show_id' LIMIT 1";
    $row = mysql_fetch_assoc(mysql_query($query));

    $auto = $manual = "";
    if ($row['send_method']){
        $auto = "checked";
    }else{
        $manual = "checked";
    }



    ?> 

    <?php echo '<!-- tab 1 --><div id="fragment-6" class="removable">';
    echo '<div id ="project_settings" style="display:none;">';
    echo '<div class="FormArea" style="min-height:600px;">';    

        $query_settings ="SELECT project_settings FROM projects WHERE project_id ='$pid'";
        $result_settings = mysql_query($query_settings);
        $row_settings = mysql_fetch_array($result_settings,MYSQL_ASSOC);
        if($row_settings['project_settings'] == NULL) {
            echo "<h2> Project Settings </h2>";
            echo "<br><br>";
            echo " <b> Add fields </b>";
            echo "&nbsp;&nbsp;";
            echo "<img id ='add' src='_assets/add.png' /><br><br><br>";
            echo '<form action ="" method="post">';
            echo'<input type="hidden" name="pid" value="'.$pid.'">';
            echo "<input id ='checkboxes' type ='hidden' name ='checkboxes' value ='' >";
            echo "<div id='input_fields'> </div>";
            echo '<input id ="project_fields_submit"  type ="submit" name ="project_fields_submit" class="button" value ="Save Settings" /><br><br>';
            echo '</form>';
            echo "<br><br><br><br><p></p>";
        }
        else  {
            echo "<h2> This Project Settings </h2>";
            echo "<br><br><br><br>";
            echo "<b> Add fields</b>&nbsp;&nbsp;<img id ='add_edit' src='_assets/add.png' /><br><br><br>";
            $fields_data = unserialize($row_settings['project_settings']); 
            $i = 0;
            echo '<form action ="" method="post">';
            echo'<input id ="edit_project_id" type="hidden" name="edit_project_id" value="'.$pid.'">';
            echo "<div id='new_input_fields'> </div>";
            echo "<input id ='edit_checkboxes' type ='hidden' name ='edit_checkbox' value ='' >";
            foreach ($fields_data as $key => $value) {
                if($value =="1") {
                    echo "<input id ='edit_field".$i."' class ='edit_data' type ='text' size ='40' name = edit_field_value[] value ='".$key."' />&nbsp;&nbsp;&nbsp;";
                    echo "<input id ='new_check".$i."' class ='edit_check' type='checkbox' name ='edit_checkboxes' checked />&nbsp;&nbsp;&nbsp;";
                    echo "<a id ='".$i."' class ='delete_edit' style='text-decoration:none;' href='#'> Delete field </a><br><br>";

                } else {

                    echo "<input id ='edit_field".$i."' class ='edit_data' type ='text' size='40' name = edit_field_value[] value ='".$key."' />&nbsp;&nbsp;&nbsp;";
                    echo "<input id ='new_check".$i."' class ='edit_check' type='checkbox' name ='edit_checkboxes' />&nbsp;&nbsp;&nbsp;";
                    echo "<a id ='".$i."' class ='delete_edit' style='text-decoration:none;' href='#'> Delete field </a><br><br>";
                }
                $i++;
            }
            echo '<input id ="edit_fields_submit"  type ="submit" name ="edit_fields_submit" class="button" value ="Save Settings" /><br><br>';
            echo '</form>'; 
        }
        echo '</div>';
        echo '<div id="project-setting-results"></div><div class="clear"></div>';
        echo '</div><!-- end fragment-6 -->';
    }

    ?>
4

2 に答える 2

2

要素が作成される前にセレクターをバインドしようとしています。あなたが探しているもの.live()は、リスナーを親要素にアタッチし、発生したセレクターに一致するオブジェクトのイベントを探します。jQuery 1.6.2 を使用しているようですので、delegateも参照してください。デリゲートを使用した場合、コードは次のようになります (複数の要素をきれいにサポートするには、クラス セレクターに戻す必要があります)。

$("#add_edit").delegate("a.new_delete_edit", "click", function(event) {
  alert("clicked !!!");
  event.preventDefault();
  alert("Was preventDefault() called: " + event.isDefaultPrevented());
  $(this).hide();
});

これが正確に機能する場合、コードをたどるのはちょっと難しいですが、"#add_edit"新しいa.new_delete_editものが追加されたときにリスナーをアタッチするのがアイデアです。それらの1つでクリックイベントが発生すると、このコードが発生するこのリスナーにバブルアップします解雇されます。

于 2013-07-19T22:28:29.363 に答える
0

コードでわかるように、

awith クラスnew_delete_editが動的に追加されます。

click(新しい jQuery バージョン) の代わりに (古い jQuery バージョン)を使用していますonclick動的に追加された要素をサポートしていません。

動的に追加された DOM 要素をサポートするため、jQuery プラグインを使用するか、 forイベントliveで新しい jquery を使用する必要があります。onclick

于 2013-07-19T22:29:11.923 に答える