【问题标题】:Jquery Mobile Table in PHP codePHP代码中的Jquery Mobile Table
【发布时间】:2014-02-08 08:19:01
【问题描述】:

我正在我的 PHP 网页中实现 this Jquery Mobile Table。

我遇到了一个问题。因为我在 PHP 中工作,所以我无法在我的代码中使用诸如 <table data-role="table" data-mode="columntoggle" id="my-table"> 之类的标签。

例如:

echo "<table data-role="table" data-mode="columntoggle" id="my-table">
  <tr><th data-priority="1">Mare</th><th data-priority="2">Stallion</th><th data-priority="3">Covering Date</th><th data-priority="5">Ovulation Scan</th><th data-priority="6">Pregnancy Scan</th></tr>";

...不起作用。有没有办法解决这个问题?

【问题讨论】:

    标签: php


    【解决方案1】:

    由于您没有在单引号和双引号之间交替使用,因此您实际上是在关闭和重新打开字符串,这会导致问题。试试这个:

    echo '<table data-role="table" data-mode="columntoggle" id="my-table">'
      . '<thead><tr>'
      . '<th data-priority="1">Mare</th>'
      . '<th data-priority="2">Stallion</th>'
      . '<th data-priority="3">Covering Date</th>'
      . '<th data-priority="5">Ovulation Scan</th>'
      . '<th data-priority="6">Pregnancy Scan</th></tr></thead>';
    

    还要注意句号 (.)。这是一个连接运算符,可让您将字符串连接在一起以使它们更具可读性。它们在编码时很方便,因为它可以让您以更好的格式显示代码。

    【讨论】:

    • 非常感谢克里斯,这似乎奏效了,但我还有一个问题。当我从列选项卡中取消选择一列时,只有列名消失,列行仍然出现!知道我哪里可能出错了吗?
    • 看起来您需要将&lt;tr&gt; 元素包装在&lt;thead&gt;(即“表头”)中。我确实更新了我的答案以包括 &lt;thead&gt; 开始和结束标签。
    • 完美!非常感谢克里斯,很大的帮助! :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-04
    • 1970-01-01
    • 2013-01-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多