0

我有一个链接类，每次单击它们时都会触发引导模式。

     <a class="ptdel" href="#myModalx" role="link" data-toggle="modal" id="668" title='Delete'>x</a>
     <script type="text/javascript">
     jQuery(document).ready(function(){  
         $(".ptdel").click(function(){ 

            var pcid = $(this).attr('id');
            if(pcid >= 40){
                $("#myModalxLabel").html("Delete?");  //adds to modal display text
            }

            $("#modalButtonxy").addClass("del_"+pcid); //adds class to yes button 

         });
     });
     </script>

使用 href="#myModalx" 单击链接时会弹出模式。这已经使用 Bootstrap 进行了配置。

这是我的模态html代码...

 <pre>
  my modal id="myModalx"
  my modal header id="modalHeadx" 

  my Yes button id="modalButtonxy" data-dismiss="modal" aria-hidden="true" class="" onclick="yesDel(this);"

   my No button id="modalButtonxn" data-dismiss="modal" aria-hidden="true"

  </pre>

在我的 DOM 就绪代码中，我向 yes 按钮添加了一个类，以便我可以获取单击的链接的 id。

它正确调用下面的 JavaScript 函数...警报正在触发...但问题是它不会触发 ajax。我在控制台上没有日志。我将 Yii 用于我的 php 框架......这里的 url 代码在我的其他 ajax 调用中工作。

 function yesDel(thecl){
 //    alert("works");    


            var modalclass = thecl.attr('class');
            var pid = modalclass.split("_").pop();
            //should return true or false back from request
            $.ajax({
                url: '<?php echo CController::createUrl('/link/deletenow'); ?>',
                type: "POST",
                data: {linkid:pid,YII_CSRF_TOKEN: '<?php echo Yii::app()->request->csrfToken ?>'},
                dataType: 'text',
                success: function(data){  
                      if(!!data){

                         $("#flashmid").show();        
                         $("#flashmid").fadeIn(400).html('Delete Successful!');
                         $("#flashmid").fadeOut(400);  
                      }
                },
                error: function(xhr, textStatus, error){
                   console.log(xhr.statusText);
                   console.log(textStatus);
                   console.log(error);
                   alert("error in deleting");
                }
            });   
  }

请帮助我解决各种问题。当我定期检查数据库更改时，该帖子实际上有效......但我需要它在点击时工作，并且在用户选择是删除后。

4

1 回答 1

0

我知道这是一个老问题。但我的问题是一样的。

也许我们的问题是按钮中的数据关闭。我认为它可能会减轻表单中的所有数据，但我不太确定。

至于我，这个解决方案有效：

我用 jquery 函数隐藏了模态 onclick，一切正常。

$('#newBuildingSubmit').click(function(){

                                $('#newBuildingModal').modal('hide');

                               // AJAX CODE HERE

                            });

我的按钮看起来像这样：

<button type="submit" id="newBuildingSubmit" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> Speichern</button>

我的按钮被包裹在一个模式中。

迟到的答案，但可能对面临同样问题的其他人有所帮助:)。

于 2014-08-21T12:11:05.563 回答