javascript - 使用 codeigniter 检索 css lightbox 上的每个数据

Question

我是新来的 Codeigniter ，而且我在将个人 ID 检索到灯箱时遇到了问题。

首先，我想用名称检索我的 View 页面中的所有数据。然后我想通过单击 name 链接而不刷新页面来显示带有灯箱的用户的详细信息。意思是我想要页面数据呈现。

这是我的 Controller :

class Welcome extends CI_Controller {

    public function index()
    {
 $this->load->model('model','',TRUE);           
 $this->load->view('header');
        $data['query'] = $this->model->retrieve_data();
        $this->load->view('home', $data);
        $this->load->view('footer');
    }
    public function retrieve_one()
    {
        $data['data'] = $this->model->retrieve_row();
        $this->load->view('result', $data); 
    }

我对我的模型感到困惑，想知道有什么方法可以从模型中检索灯箱中的数据吗？

这是我的模型:

class model extends CI_Model
{
    public function __construct()
    {
        parent:: __construct();
        $this->load->database();
    }
    public function retrieve_data()
    {
        $query = $this->db->get('cidata');
        return $query->result();
    }
    public function retrieve_row()
    {
        $this->db->where('id', $this->uri->segment(2));
        $data= $this->db->get('cidata');
        return $data->result();
    }

最后这是我的观点:
可以用jquery获取数据吗？

<?php foreach($query as $row): ?>

<?php echo(anchor("#lights/$row->id", "$row->name<br><br>", "onclick=lighton()")); ?>


<div id="lights">

    <?php echo($row->name); ?>

<p><a id="exit" onclick=lightoff(); href="javascript:void(0);">X</a></p></div>

<?php endforeach; ?>    

注意:如果我将 light-box 放入 foreach 中，它只渲染第一个 id，如果我将 light-box 放在 foreach 之外，它只渲染我的最后一个 id。

用于灯箱的 JavaScript:

function lighton()
{
    document.getElementById("lights").style.display="block";
}
function lightoff()
{
    document.getElementById('lights').style.display='none';
}

在我的 View 页面上呈现我的用户列表的所有代码。但是灯箱没有获取个人ID来呈现个人用户信息。

注意:这里如果我使用这样的 anchor :

<?php echo(anchor("welcome/retrieve_one/$row->id", "$row->name<br><br>", "onclick=lighton()")); ?>

它完美地呈现到结果页面中，但我不想要那样，因为它会转到另一个带有 id 的页面。我想要使​​用灯箱呈现页面数据。怎么解决？请!

Answer 1

将类添加到 anchor 并使用隐藏显示。看下面的例子

<?php foreach($query as $row): ?>

<?php echo(anchor("#lights/$row->id", "$row->name<br><br>", array('class'=>'lights_on'))); ?>


 <div class="lights">

    <?php echo($row->name); ?>

   <p><a class="exit" href="javascript:void(0);">X</a></p>
</div>

$('.lights_on').click(function(){
    $(this).next().show();
});

$('.exit').click(function(){
    $(this).parent().hide();
})