个人中心
gpt4 book ai didi

javascript - JQuery 不会从偶数链接更改 div 的内容？

转载 作者：行者123 更新时间：2023-11-30 17:45:39 24 4
gpt4 key购买 nike

感谢您花时间阅读这篇文章。

所以我已经成功地完成了我的任务。我正在从一个名为 posts 的数据库中提取数据，其中包含以下字段:id、account_name、data、heading、subheading、videos、voice_notes、music、images、post_date、date_for_post。

所以这是一个过程:1 - 从数据库中提取数据并放入数组2 - 从带链接的数组创建无序列表3 - 单击链接时，用发布数据填充内容 div。

现在它将在奇数链接上加载特定的帖子数据，但在偶数链接上它不会将数据加载到容器中？使用相同的方法？我已经重新排序了列表，但即使编号的列表项仍然不起作用。我做错了什么吗？

我也试过在帖子之间放置一个空白列表项，看看是否是列表项本身没有调用该函数，但似乎只有偶数链接。

我不知道怎么解释，这是我的代码:

<?php
$connection=mysql_connect('localhost', 'username', 'password');
if (!$connection) {  die('Not connected : ' . mysql_error());} 
// Set the active MySQL database
$db_selected = mysql_select_db('dbname', $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
} 

$query = "SELECT * FROM posts";
$result = mysql_query($query);

if(!$result){
    die('Invalid query' . mysql_error());
}

$posts = array();
while($line = mysql_fetch_array($result, MYSQL_ASSOC)){
    $posts[] = $line;
}
?>
<!doctype html>
<html>
<head>
    <script type="text/javascript" src="js/ajax.js"></script>
    <script type="text/javascript" src="js/content.js"></script>
</head>
<body>
<div id="content">some data</div>

<div id="links">
    <ul>
    <?php
        foreach ($posts as $post) {
            $data =  "'".$post['data']."'";
            echo '<li><a href="#" onclick="getContent(\'#content\', '. $data .');">'. $post['date_for_post'] .'</a></li>';
        }
    ?>
    </ul>
</div>
</body>

和 getContent 函数:

function getContent(element, data){
$(element).text(data);
}

我想不通为什么。这是正在发生的事情的图形表示: page loads first link pressed, post loads second link is pressed, post id not loaded third link is pressed, post is loaded fourth link is pressed, post is not loaded see, there are posts in the database

我已经尝试插入黑名单项以查看它是否是实际的偶数列表项未调用该函数，但它是内部内容的偶数列表项不起作用，如果这有意义的话？

请帮忙，因为我不知道发生了什么以及如何解决它。

提前致谢!

更新

似乎越长的帖子不显示，越短的帖子显示。我将数据库中的数据类型设置为文本，而不是 varchar。那么尺寸的问题在哪里呢？是否允许我通过 JQuery 函数放入最大尺寸？还是在数据库中？因为它显示在数据库中，但不显示在帖子中

最佳答案

我认为问题在于代码中的引号和双引号:

$data =  "'".$post['data']."'";
echo '<li><a href="#" onclick="getContent(\'#content\', '. $data .');">'.$post['date_for_post'] .'</a></li>';

检查生成的 HTML 页面的来源。应该有不正确的“li”标签。我建议将您的代码更改为:

$data =  $post['data'];
echo '<li><a href="#" onclick="getContent(\'#content\', \''. $data .'\');">'.$post['date_for_post'] .'</a></li>';

希望对您有所帮助。

此外，请检查数据库文本中的引号是否导致此问题。

关于javascript - JQuery 不会从偶数链接更改 div 的内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20216103/

24 4 0
文章推荐： c# - 将多个资源文件加载到一个资源管理器中
文章推荐： c# - 凹包算法从伪代码到C#
文章推荐： c# - 'SAPI 没有实现拼音选择' 异常
文章推荐： c# - WebApi OData v4 ComlexType 不能有 EntityType
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com