Question

我正在尝试在多维数据集下面显示一个文本....当我独自在小提琴中工作时代码工作正常.... 但是当我把它放在我的项目中时它不起作用.... 你能告诉我如何显示 data-text =“Cube1”值......

无法使用代码http://jsfiddle.net/rajkumart08/EDKkg/1/

  $('document').ready(function () {
            window.setTimeout(function () {
                $('.cubeCell').each(function () {
                    var htmlText = $(this).attr('data-text');
                    $(this).append('<div class="cubeTextStyle">'+htmlText+'</div>');
                });
            }, 600);

        });


<div  data-text="Cube1" data-caption="&lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;Labels&lt;/a&gt;" data-image="http://www.defie.co/designerImages/inventoryControl.png">testing</div>

Answer 1

您的（非工作）示例中的问题是具有data-text属性的元素没有cubeCell类。

这是你在jsFiddle中的HTML：

<div  data-text="Cube1" data-caption="&lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;Labels&lt;/a&gt;" data-image="http://www.defie.co/designerImages/inventoryControl.png">testing</div>

编辑：

更新到jsFiddle后，现在正在正确添加文本。但是，您无法看到它，因为它隐藏在多维数据集本身后面。但现在这是一个CSS问题，因为你的CSS与工作示例完全不同。

编辑2：

您缺少div.cubeTextStyle的CSS。您的工作示例如下：

div.cubeTextStyle {
  position: relative;
  top: 105px;
  background: none !important;
  color: #333 !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

Answer 2

我相信你使用这样的数据属性：

$(this).data('text').val()

显示数据文本属性的数据

2 个答案: