Question

我已经通过ajax加载了内容，但是我无法删除它上面的元素。我不认为这是拖延不工作的问题，因为它在重建到ajax之前运行良好。

我已经搜索了所有解决方案，并且＆＃34; on＆＃34;，我尝试过，但我无法让它运转起来。然后我尝试了＃34;鼠标悬停＆＃34;只有一个testalert，它可以工作，但仍然无法放弃我的元素。当使用＆＃34; drop＆＃34;作为事件，没有什么与jquery工作了，我的手风琴和标签已经消失了。我真的认为它必须是一个有约束力的问题，但可以找出解决方法。

jquery版本：1.11.3 jqueryUI版本：1.11.4

<script>
        $(function() {
            $( "#left" ).accordion({heightStyle: "content"});
            $( "#main" ).tabs({
                beforeLoad: function( event, ui ) {
                    ui.jqXHR.fail(function() {
                        ui.panel.html(
                            "Failed......" );
                    });
                },
                heightStyle: "content"
            });
            $(".btn-start-new-form").click(function(){
                $.getJSON("backend/newform.php", function(result){
                    var theForm = {formID:result}; // object, but formitems must be an array because of order??
                    $("#theform_tmp" ).replaceWith( '<div class="placeholder">sleep een formulier item naar dit vak of klik op "Klaar!</div><button id="addPlaceholder">item toevoegen +</button>' );// ok
                    $('#formItems').trigger('click');// ok
                }); // ok
            });
            $( ".draggable" ).draggable({
                   cancel:false,
                   appendTo: "body",
                   helper: "clone"}); // ok


            $( ".placeholder" ).droppable({
                drop: function( event, ui ){
                    var currentId = $(ui.draggable).attr('id');
                    alert(currentId);
                }
            }); //not working with the ajax app.

            $('#theform').on('mouseover','.placeholder', function(){
                var currentId = $(ui.draggable).attr('id');
                alert(currentId); // var and alert not working
                alert("test");// works, when var/alert are disabled, but dropping stopped
            }); 
        });
    </script>

HTML部分：

<div id=wrapper>
        <div id="left" style="width:300px;float:left">
            <h3>Reset/Nieuw formulier</h3>
            <div>
                <p><button class="btn-start-new-form">Start nieuw formulier</button></p>
            </div>

            <h3 id="formItems">Formulier items</h3>
            <div>
            <p>
            <div class="draggable" id="frmTitle"><button id="btnAddTitle" class="addButton">Titel</button></div>
            <div class="draggable" id="boe"><button id="btnAddTxt" class="addButton">Tekstveld</button></div>
            <button id="btnAddTxtArea" class="addButton">Tekst area</button>
            <button id="btnAddSubmit" class="addButton">Verzend knop</button>
            </p>
            </div>

            <h3>N/A</h3><div><p>N/A</p></div>
            <h3>N/A</h3><div><p>N/A</p></div>

        </div>

        <div id="main" style="float:left;">
            <ul>
                <li><a href="#tab-start">Formulier opbouwen</a></li>
                <li><a href="backend/htmlcode.php">HTML code</a></li>
                <li><a href="backend/json.php">JSON</a></li>
                <li><a href="backend/xml.php">XML</a></li>
                <li><a href="backend/preview.php">Preview</a></li>
                <li><a href="backend/help.php">Help</a></li>
            </ul>
            <div id="tab-start">
                <div id="theform">
                    <span id="theform_tmp">Klik links in het menu op:"Start nieuw formulier"</span>
                </div>
            </div>
        </div>
    </div>

希望有人可以帮助我！

jquery：ajax加载内容后绑定不起作用？不工作

0 个答案: