Question

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

     <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 ready代码中，我在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");
                }
            });   
  }

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

Answer 1

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

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

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

我用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>

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

迟到的答案，但可以帮助面临同样问题的其他人：）。

单击是以关闭引导模式后，AJAX不会触发

1 个答案: