模态对话框内的链接无效

时间:2014-12-09 21:11:44

标签: javascript jquery html

我有两个具有相同链接的区域,我用jquery和句柄来接收。侧边栏工作正常,但模态对话框什么都不做。我对jQuery没有很多经验,我怀疑我的问题就在那里。相关的html如下:

        <div id="sidebar"> 
            Case List:
            <br />
            <a id="add_case" href="#"> New </a>
            <ul>
                {%recursetree nodes %}
                <li>
                    <a class="get_case" data-id="{{node.id}}" href="#">{{node.name}}</a>
                    {%if not node.is_leaf_node %}
                        <ul class="children">
                            {{children}}
                        </ul>
                    {% endif %}
                    </li>
                {% endrecursetree %}
            </ul>
        </div>


    <div id="openFileTree" class="modalDialog">
        <div>
            <a href="#close" title="Close" class="close">X</a>
            <h2>Select:</h2>    
            <ul>
            {%recursetree nodes %}
            <li>
                <a class="get_case" data-id="{{node.id}}" href="#">{{node.name}}</a>
                {%if not node.is_leaf_node %}
                    <ul class="children">
                        {{children}}
                    </ul>
                {% endif %}
                </li>
            {% endrecursetree %}
            </ul>
        </div>
    </div>

相关的javascript就在这里:

$('.get_case').click(function(){
var id;
id = $(this).attr("data-id");
$.get('/CLP/case/', {caseId: id}, function(data){
    if(editor == undefined || editor.status == "destroyed")
    {
        $('#primary').html(data.value);
        $('#primary').attr('data-id', id);
    }
    else
    {
        $('#secondary').html(data.value);
        $('#secondary').attr('data-id', id);
    }
});
})

我觉得这是范围或其他方面的疏忽,但我不确定我搞砸了什么

1 个答案:

答案 0 :(得分:0)

How to execute jquery inside a Modal window?

以下是正确的格式。

$(document).on(“click”,“。get_case”,function(){...})