标记数据目标(一个空白)无法识别

Question

我有一个html手风琴,我通过data-value白色空间呼叫相应的身体.

手风琴头:

    <div data-toggle="collapse" data-target="#Drug Test">Drug Test</div>

手风琴身体:

    <div id="Drug Test" class="accordion-body collapse ">
      <p>Test Data</p>       
    </div>

但是点击手风琴标题主体没有打开,因为数据目标值有空白区域.因为它来自数据库使用,这是动态手风琴生成的必要条件.

任何人都可以建议一个解决方法吗？ PS:这必须仅在客户端重新解决

更新: 这是我的带有angular指令的源html

  <div class="form-group panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                <div ng-repeat="key in keys">
                                    <div class="panel panel-default selectedinvestigations">
                                        <div class="panel-heading">
                                            <i class="glyphicon glyphicon-folder-open pull-right"></i>
                                            <input id="btn{{key}}" type="checkbox" class="pull-left" ng-click="selectAll(key)" />

                                            <div class="padLeft" data-toggle="collapse" data-target="#{{key}}">{{key}}</div>
                                        </div>
                                        <div class="panel-body">
                                            <div id="{{key}}" class="accordion-body collapse ">
                                                <div class="" ng-repeat="inv in allInvestigationsGrouped[key]">
                                                    <div>
                                                        <ul>
                                                            <div class="col-md-8 input-group">
                                                                <span class="input-group-addon ">
                                                                    <input name="checkAll" class="{{key}}" type="checkbox" ng-model="inv.selected"
                                                                           data-id="{{inv.id}}"
                                                                           data-name="{{inv.name}}"
                                                                           data-description="{{inv.description}}"
                                                                           data-isactive="{{inv.isActive}}"
                                                                           data-quantity="{{inv.quantity}}" />
                                                                </span>
                                                                <label class="form-control">{{inv.name}} </label>
                                                            </div>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

Answer 1

你可以用 php 中的 str_replace 来替换 _ 的空格：

<?php echo str_replace(' ', '_', $row['from_database_table']); ?>

尝试这个：

<div data-toggle="collapse" data-target="#<?php echo str_replace(' ', '_', $row['from_database_table']); ?>">Drug Test</div>

<div id="<?php echo str_replace(' ', '_', $row['from_database_table']); ?>" class="accordion-body collapse">
      <p>Test Data</p>       
</div>