0

editlist クラス要素をクリックすると、以下のコードが機能しません クリックして editLish クラス要素を切り替えるなど、再度表示するにはどうすればよいですか コンテンツはその場で生成されるため、以下の変更は非常に高く評価されます

<script type="text/javascript">
    $(document).ready(function(){
        alert("clicked");
        $('.editList').on('click',function(){
        alert('clicked');
                    $(this).hide();
        });
    });
</script>
<? $this->_renderView(false, '_submenu')?>
<?php $cand_data=$this->read_xml();
    ?>
<div class="module" style="width:1050px">
    <div class="module_content">
        <?php foreach($cand_data as $key=>$data_node){ $i=0; ?>
        <table class="editList" style="">
            <tr>
                <th>Candidate Data</th>
            </tr>
            <?php foreach($data_node as $label=>$val) {   if($i<16){?>
            <tr>
                <td><?= $label?></td>
                <td><?= $val?></td>
            </tr>
            <?php $i++;}}?>
        </table>
        <?php  }?>    
    </div>
</div>
4

3 に答える 3

1

セレクターのスペルを確認してください。クリック ハンドラーを にバインドしてeditlistおり、テーブル クラスはeditListです。

于 2013-02-07T17:33:25.437 に答える
1

css クラス名は大文字と小文字が区別されます。大文字に変更$('.editlist')する必要があります$('.editList')L

于 2013-02-07T17:33:53.377 に答える
0

テーブルクラスは「editList」ですが、jqueryセレクターは「.editlist」です（Lの大文字と小文字が異なることに注意してください）。Css名では大文字と小文字が区別されます。

使用$('.editList').click(...すると機能します

于 2013-02-07T17:35:23.103 に答える