Відносні шляхи у Javascript у зовнішньому файлі

Question 1

Отже, я запускаю цей javascript, і все працює нормально, крім шляхів до фонового зображення. Він працює в моєму локальному середовищі ASP.NET Dev, але НЕ працює при розгортанні на сервері у віртуальному каталозі.

Це у зовнішньому файлі .js, структура папок -

Site/Content/style.css
Site/Scripts/myjsfile.js
Site/Images/filters_expand.jpg
Site/Images/filters_colapse.jpg

тоді звідси включено файл js

Site/Views/ProductList/Index.aspx

$("#toggle").click(function() {
    if (left.width() > 0) {
        AnimateNav(left, right, 0);
        $(this).css("background", "url('../Images/filters_expand.jpg')");
    }
    else {
        AnimateNav(left, right, 170);
        $(this).css("background", "url('../Images/filters_collapse.jpg')");
    }
});

Я намагався використовувати, '/Images/filters_collapse.jpg'і це теж не працює; однак, здається, це працює на сервері, якщо я використовую '../../Images/filters_collapse.jpg'.

В основному, я хочу мати таку ж функціональність, як і ASP.NET тильда - ~.

оновлення

Чи є шляхи у зовнішніх файлах .js відносно сторінки, на яку вони включені, або фактичне розташування файлу .js?

Question 2

Шляхи до файлів JavaScript

Коли це сценарій, шляхи відносяться до відображеної сторінки

щоб полегшити ситуацію, ви можете роздрукувати таку просту декларацію js, використовуючи цю змінну у всіх сценаріях:

Рішення, яке було застосовано на StackOverflow близько лютого 2010 року:

<script type="text/javascript">
   var imagePath = 'http://sstatic.net/so/img/';
</script>

Якщо ви відвідували цю сторінку приблизно в 2010 році, ви могли б просто поглянути на HTML-джерело StackOverflow , ви можете знайти цей поганий однокласник [відформатований на 3 рядки :)] у <head />розділі

Question 3

отримати розташування вашого файлу javascript під час роботи за допомогою jQuery, проаналізувавши DOM для атрибута 'src', який посилався на нього:

var jsFileLocation = $('script[src*=example]').attr('src');  // the js file path
jsFileLocation = jsFileLocation.replace('example.js', '');   // the js folder path

(припускаючи, що ваш файл javascript має ім'я 'example.js')

Question 4

Правильним рішенням є використання класу css замість написання src у js-файлі. Наприклад, замість використання:

$(this).css("background", "url('../Images/filters_collapse.jpg')");

використання:

$(this).addClass("xxx");

а у файлі css, який завантажується на сторінці, напишіть:

.xxx {
  background-image:url('../Images/filters_collapse.jpg');
}

Question 5

Хороше питання.

У файлі CSS URL-адреси будуть відносно файлу CSS.
Під час написання властивостей за допомогою JavaScript, URL-адреси завжди повинні бути відносно сторінки (запитується основний ресурс).

У tildeJS немає жодної вбудованої функціональності, про яку я знаю. Звичайним способом буде визначення змінної JavaScript із зазначенням базового шляху:

<script type="text/javascript">

  directory_root = "http://www.example.com/resources";

</script>

і посилатися на цей корінь щоразу, коли ви динамічно призначаєте URL-адреси.

Question 6

Для програми MVC4, над якою я працюю, я помістив елемент сценарію в _Layout.cshtml і створив глобальну змінну для необхідного шляху, наприклад:

<body>

<script>
    var templatesPath = "@Url.Content("~/Templates/")";
</script>

<div class="page">
    <div id="header">

       <span id="title">

        </span>
    </div>
    <div id="main">


        @RenderBody()
    </div>
    <div id="footer">
        <span></span>
    </div>
</div>

Question 7

Я використав візерунок пекки. Я думаю, ще одна закономірність.

<script src="<% = Url.Content("~/Site/Scripts/myjsfile.js") %>?root=<% = Page.ResolveUrl("~/Site/images") %>">

і проаналізовано рядок запитів у myjsfile.js.

Плагіни | Плагіни jQuery

Question 8

Будь ласка, використовуйте наступний синтаксис, щоб насолодитися розкішшю asp.net tilda ("~") у javascript

<script src=<%=Page.ResolveUrl("~/MasterPages/assets/js/jquery.js")%>></script>

Question 9

Я виявив, що це працює для мене.

    <script> document.write(unescape('%3Cscript src="' + window.location.protocol + "//" +     
    window.location.host + "/" + 'js/general.js?ver=2"%3E%3C/script%3E'))</script>

Звичайно, між тегами сценарію ... (я не впевнений, чому теги сценарію не з'явилися в цій публікації) ...

Question 10

Вам потрібно додати runat="server"і і призначити ідентифікатор для нього, а потім вказати абсолютний шлях таким чином:

<script type="text/javascript" runat="server" id="myID" src="~/js/jquery.jqGrid.js"></script>]

З коду позаду ви можете програмно змінити src, використовуючи ідентифікатор.

Question 11

Це добре працює у веб-формах ASP.NET.

Змініть сценарій на

<img src="' + imagePath + 'chevron-large-right-grey.gif" alt="'.....

У мене є головна сторінка для кожного рівня каталогу, і це відбувається у події Page_Init

  Dim vPath As String = ResolveUrl("~/Images/")
    Dim SB As New StringBuilder
    SB.Append("var imagePath = '" & vPath & "'; ")
    ScriptManager.RegisterClientScriptBlock(Me, Me.GetType(), "LoadImagePath", SB.ToString, True)

Тепер незалежно від того, запущено додаток локально чи розгорнуто, ви отримуєте правильний повний шлях

http://localhost:57387/Images/chevron-large-left-blue.png