0

这是一个有趣的问题。我有一个使用 knockoutjs 的页面。除了页面中未显示的图像之一外，一切正常。

我的 HTML

            <div class="cyclerItem"> @*Views and Visitors*@
                <div class="cyclerFilter">
                    <img class="toggleImg" src="~/Content/imgs/City.png" width="30" height="30" />
                </div>
                <div class="cyclerFilterText">
                    <div>
                        <a id="modal-launcher4" > Business Unit </a>  
                        <div id="modal-content4" class="arrow_box">
                            <div id="scroll4" class="scroll4">
                                <div id="container3column" >
                                    <div id="primary1"> 
                                        <p>Business Unit</p>
                                        <ul>
                                            <li>All</li>
                                        </ul>
                                        <ul data-bind="'foreach': businessUnits.businessUnitsList">
                                            <li data-bind="'text': title, 'click': goToFunctions""></li>
                                        </ul>
                                    </div>
                                </div> @* Container ends*@
                            </div>   @* scroll *@
                        </div>  @*modul content 4 4 *@  
                    </div>
                </div>   @* Cykler filter text*@
                <div class="cyclerFilter">
                    <img class="toggleImg" src="~/Content/imgs/Globe_Alt.png" width="30" height="30" />
                </div>
                <div class="cyclerFilter">
                    <img class="toggleImg" src="~/Content/imgs/Globe_Alt.png" width="30" height="30" />
                </div>
                <div class="cyclerFilterText">
                    Geographies
                </div>
            </div>

我在客户端上呈现的 HTML：

                            <div class="cyclerItem"> 
                <div class="cyclerFilter">
                    <img class="toggleImg" src="/Content/imgs/City.png" width="30" height="30" />
                </div>
                <div class="cyclerFilterText">
                    <div>
                        <a id="modal-launcher4" > Business Unit </a>  
                        <div id="modal-content4" class="arrow_box">
                            <div id="scroll4" class="scroll4">
                                <div id="container3column" >
                                    <div id="primary1"> 
                                        <p>Business Unit</p>
                                        <ul>
                                            <li>All</li>
                                        </ul>
                                        <ul data-bind="'foreach': businessUnits.businessUnitsList">
                                            <li data-bind="'text': title, 'click': goToFunctions""></li>
                                        </ul>
                                    </div>
                                    <div id="content1"> 
                                        <p>Function</p>
                                        <ul>
                                            <li>All</li>
                                        </ul>
                                        <ul  data-bind="'foreach': functions.functionsList">
                                            <li  data-bind="'text': title, 'click': goToDepartments"></li>
                                        </ul>
                                    </div>

                                    <div id="secondary1"> 
                                        <p>Department</p>
                                        <ul>
                                            <li>All</li>
                                        </ul>
                                        <ul data-bind="'foreach': departments.departmentsList">
                                            <li data-bind="'text': title"></li>
                                        </ul>
                                    </div>
                                </div> 
                            </div>   
                        </div>    
                    </div>
                </div>   
                <div class="cyclerFilter">
                    <img class="toggleImg" src="~/Content/imgs/Globe_Alt.png" width="30" height="30" />
                </div>
                                    <div class="cyclerFilter">
                    <img class="toggleImg" src="/Content/imgs/Globe_Alt.png" width="30" height="30" />
                </div>

                <div class="cyclerFilterText">
                    Geographies
                </div>
            </div>

如您所见，只有一个很小的区别，其中一张图像的来源是波浪号 (~) 没有得到解决而不是正确的路径。

只是那个位置的一个图像，如果我将源更改为另一个路径它仍然不起作用，但正如你所看到的那样，下一个图像完全一样，但它可以工作......

由于淘汰代码而与mvc乱七八糟有关吗？或者，也许只是我的 html 中的一个简单错误使 MVC 变得疯狂？先到先得。:)

4

1 回答 1

0

我确实发现了问题。这可能是一个纯 HTML 问题。标记中一个属性的末尾有一个额外的双引号。li:) 我做了一些测试，但如果任何标签中的任何属性作为额外的双引号，则 img 停止工作。我想知道为什么那个 img src 而不是别的东西。

于 2013-06-26T14:26:07.270 回答