Question

我有一个文件，需要有90个带有大量长文本的模态，因为我需要在点击链接时创建一个模态。

的index.php

<input class"col-picker"/>

....

$('.col-picker').iris({
    mode: 'rgb', // doesn't return colour in rgb
    change: function(evt, ui) {

        console.log('colour as rgb', ui.color.toString());

        // Above always outputs hex values not rgb
    }
});

resuilt.php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="inc/bootstrap.css" rel="stylesheet">
    <script src="inc/jquery.min.js"></script>
    <script src="inc/bootstrap.min.js"></script>
    </head>
    <body>
        <script>            
            $(function(){
                $('a').click(function(){
                    var link = $('#name').html(); // I need sent this to my calculator file
                    $.ajax({
                        url : "result.php",
                        type : "post",
                        dataType:"text",
                        data : {
                             name: link
                        },
                        success : function (a){
                            $('#result').html(a);
                        }
                    });
                });
            });
        </script>
        <div id="result"></div>
        <a href="#" id="name">I need this text for php script</a>
  </body>
</html>

结果是，我需要点击链接两次才能显示我的模态。但它无法关闭或做任何事情。

哪里出错了？有没有办法让我的想法变得更好？

Answer 1

你可以添加

success : function (a){
                        $('#result').html(a);
                        $('#myModal').modal('show');
                    }

只需添加$（'＃myModal'）。modal（'show'）;当ajax在#result

中加载你的模态时

Answer 2

我不认为90模态是个好主意。尝试在数据库中保存数据。为链接分配不同的ID。使用jquery侦听单击事件从您的服务器获取数据使用服务器中的值填充模态。请检查此stack overflow link。

如果您需要帮助，请告诉我

使用AJAX使用onclick事件时创建模态

2 个答案: