Почему не видит id?

Question

danylo_kiz @danylo_kiz

Почему не видит id?

У меня js файл находиться в script.

HTML

<div>
		<script type="text/javascript">
			window.onload = function () {
			new Vue({
        		el: "#cheapestsites",
        		data: {
          			cheapsites: []
        		},
        		mounted(){
          			fetch("http://danya.loc/all.json").then(c => c.json()).then((data) => {
           				 this.cheapsites = data;
          			})
        		}
      		});
      		new Vue({
  				src: "./all.json",
  				el: "#one",
  				data: {
    	  			short: "As a rule, most people prefer to buy gadgets at an early stage of the product's life cycle, so it remains NEW longer. Others prefer to buy a bit later, waiting for any early problems to be worked out. And everyone agrees that buying the right to a significant improvement will make you feel at least a little bitter, because Apple does not know how to signal the product's upgrade when it is sold."
        		}
      		})
			}
		</script>

 	</div>

Почему не видит елемент? Хотя стоял он в самом низу кода - результат нету, в head ставил этот код всеровно не видит.

Вопрос задан более трёх лет назад
518 просмотров

7 комментариев

Подписаться 1 Оценить 7 комментариев

Ivan Bogachev @sfi0zy Куратор тега JavaScript

Быть может на странице этого элемента нет? Покажите весь код или сделайте демку на codepen/jsfiddle.

Написано более трёх лет назад

danylo_kiz @danylo_kiz Автор вопроса

Ivan Bogachev:

<body>
<div class="row">
						<div class="col-xs-12">
    						<div class="input-group stylish-input-group">
        						<input type="text" class="form-control"  placeholder="Search" >
        						<span class="input-group-btn">
            						<button  class="btn btn-default" type="submit">
                						<i class="glyphicon glyphicon-search"></i>
            						</button>  
        						</span>
        					</div>
    					</div>
					</div>
					<hr>
				</div>
			</div>
		</header>
		<!-- End of the head -->
		<div class="container content">
			<div>
				<script type="text/javascript">
					window.onload = function () {
					new Vue({
        				el: "#cheapestsites",
        				data: {
          					cheapsites: []
        				},
        				mounted(){
          					fetch("http://danya.loc/all.json").then(c => c.json()).then((data) => {
           				 		this.cheapsites[0] = data[0];
           				 		this.cheapsites[1] = data[1];
           				 		this.cheapsites[2] = data[2];
           				 		this.cheapsites[3] = data[3];
           				 		this.cheapsites[4] = data[4];
           				 		this.cheapsites[5] = data[5];
           				 		this.cheapsites[6] = data[6];
           				 		this.cheapsites[7] = data[7];
           				 		this.cheapsites[8] = data[8];
           				 		this.cheapsites[9] = data[9];
           				 		this.cheapsites[10] = data[10];
          				})
          				}
      				});
      				new Vue({
  						src: "./all.json",
  						el: "#one",
  						data: {
    	  					short: "Generally, most people prefe..."
        				}
      				})
					}
				</script>
			</div>
			<div class="row">
				<div  class="col-sm-8 col-sm-offset-2">
					<div id="one" class="text-left list-inline">
						<h3 class="text-primary"><img class="img-rounded" src="macbook-gifka.gif" width="70" height="60">When is the best time to buy Macbook?</h3>
						<hr>
						<p>{{short}}</p>
						<button class="btn btn-default"><a href="./macbook-more1.html">More</a></button>
					</div>
					<hr>
					<div class="text-inline text-left">
						<h3 class="text-danger">Internet Shops With International Delivery And Cheap Prices</h3>
						<hr>
						<ol>
							<b>
								<li v-for="site in cheapsites.thecheapestsites">{{site[0]}}</li>
								<li>{{site[1]}}</li>
								<li>{{site[2]}}</li>
								<li>{{site[3]}}</li>
								<li>{{site[4]}}</li>
								<li>{{site[5]}}</li>
							</b>
						</ol>
						<button class="btn btn-default"><a href="./cheap-sites-eng.html">More</a></button>
					</div>
				</div>
			</div>
		</div>
	</body>

Написано более трёх лет назад

Stepanya @Stepanya

danylo_kiz: сделайте демо в https://jsfiddle.net/ например

Написано более трёх лет назад
alex @potapchino

danylo_kiz Автор, вы адекватный вообще? Вы этот вопрос со своим индусским кодом спамите уже 5-ый или 6-ой раз за последние дни. Вам в консоле браузер красным по белому говорит, что не может найте нужный элемент. Если вы хотите добиться внятного ответа, сделайте демо, вам уже об этом двое написали выше. Что за люди...

Написано более трёх лет назад
Ankhena @Ankhena Куратор тега JavaScript

danylo_kiz: Ну и где в выложенном вами коде блок с нужным id?

Написано более трёх лет назад

danylo_kiz @danylo_kiz Автор вопроса

Stepanya: https://jsfiddle.net/hko2y1z4/ и еще json

[
	{
		"macfulleng": "As a rule, most people prefer to buy gadgets at an early stage of the product's life cycle, so it remains NEW longer. Others prefer to buy a bit later, waiting for any early problems to be worked out. And everyone agrees that buying the right to a significant improvement will make you feel at least a little bitter, because Apple does not know how to signal the product's upgrade when it is sold. Regardless of your preferences, as an informed consumer, you can make better decisions about buying. In MacRumors, they support an excellent customer guide that tracks all Apple product updates. It will show you the date of the last update and the average number of days between previous updates to give you a general idea of when you can expect something new. It also conveniently aggregates the latest rumors about what might happen as a result of the update. Definitely consult the Buyer's Guide before throwing two grandees on a laptop. Product updates can take two forms; Updated internal components that lead to increased productivity, or a complete product redesign. Apple typically updates the Mac specifications once or (rarely) twice a year, these updates are predictable, like a clock. Every few years there is a complete redesign of the product, and it is more difficult to predict what is usually the subject of many rumors and leaks from the supply chain. The timing of any updates is usually followed by the release of new processors from Intel. Over the past two years, Intel has released a new generation of processors in the first half of the calendar year, and Apple soon included these chips in the updated Mac. When there is a significant improvement, Apple conducts special presentations to present its latest creations. However, small issues of specifications can be published in a press release. This year it is reported that on June 3, 2013, Intel will release a new family of Haswell processors. Therefore, it is widely expected that the new Mac will come after the Apple Worldwide Developers Conference (WWDC) on June 10. New MacBook! Hooray! Can you say that I'm an early adopter? Mac hardware updates follow a mostly predictable time frame, which allows the trained consumer to plan a purchase. The same can be said about the iPhone and iPad, after the annual update template is installed, Apple will rarely deviate from this path.",
		"macfullrus": "Как правило, большинство людей предпочитают покупать гаджеты на раннем этапе жизненного цикла продукта, поэтому он остается «новым» дольше. Другие предпочитают покупать немного позже, ожидая, чтобы какие-либо ранние проблемы были выработаны. И все согласятся, что покупка права до значительного улучшения заставит вас почувствовать себя хотя бы немного горьким, потому что Apple не известно, как сигнализировать обновление продукта при продаже. Независимо от ваших предпочтений, как информированный потребитель, вы можете принимать более правильные решения о покупке. В MacRumors они поддерживают отличное руководство для покупателя, которое отслеживает все обновления продуктов Apple. Он покажет вам дату последнего обновления и среднее количество дней между предыдущими обновлениями, чтобы дать вам общее представление о том, когда вы можете ожидать чего-то нового. Он также удобно агрегирует последние слухи о том, что может произойти в результате обновления. Определенно проконсультируйтесь с Гидом Покупателя, прежде чем бросать два гранда на ноутбук. Обновления продуктов могут принимать две формы; Обновленные внутренние компоненты, которые приводят к повышению производительности, или полный редизайн продукта. Apple типично обновляет спецификации Mac один раз или (редко) два раза в год, эти обновления предсказуемы, как часы. Каждые несколько лет происходит полная редизайн продукта, и его сложнее предсказать, что, как правило, является предметом многих слухов и утечек из цепочки поставок. Сроки выпуска любых обновлений обычно следуют за выпуском новых процессоров от Intel. В течение последних двух лет Intel выпустила новое поколение процессоров в первой половине календарного года, и Apple вскоре включила эти чипы в обновленные Mac. Когда есть значительное улучшение, Apple проводит специальные презентационные презентации, чтобы представить свои последние творения. Однако небольшие выпуски спецификаций могут быть опубликованы в пресс-релизе. В этом году сообщается, что 3 июня 2013 года Intel выпустит новое семейство процессоров Haswell. Поэтому широко ожидается, что новые Mac будут поступать после конференции Apple Worldwide Developers Conference (WWDC) 10 июня. Новые MacBook! Ура! Можете ли вы сказать, что я рано усыновитель? Обновления оборудования Mac следуют в основном прогнозируемым срокам, это позволяет обученному потребителю планировать покупку. То же самое можно сказать о iPhone и iPad, после того, как будет установлен ежегодный шаблон обновления, Apple будет редко отклоняться от этого пути.",
		"macbookfullimg": "./macbook-img.jpg",
		"macbookshortimg": "./macbook-gifka.gif",
		"thecheapestsites": ["AliExpress", "TheHut", "Sheinside", "BookDepository", "DealeXtreme", "599fashion", "ShortsDirect", "Ebay", "Amazon", "OLX"]
	}
		
]

Написано более трёх лет назад

Stepanya @Stepanya

danylo_kiz: https://jsfiddle.net/hko2y1z4/2/

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

1 комментарий

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Как мне сделать так, чтобы после клика мышкой значение переменно tovar менялось?
- 1 подписчик
- 6 минут назад
- 8 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Галерея через сборку строки JS не позиционируется?
- 1 подписчик
- час назад
- 17 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как в axios сделать подобный url?
- 1 подписчик
- 9 часов назад
- 51 просмотр
1

ответ
Vue.js

Средний
Как протестировать vue компонент на открытие модального окна через vitest?
- 1 подписчик
- 9 часов назад
- 7 просмотров
0

ответов
HTML

+1 ещё

Простой
Почему схлопываются внешние отступы соседних элементов?
- 1 подписчик
- 13 часов назад
- 51 просмотр
0

ответов
HTML

+2 ещё

Простой
Почему моргает видеофон на сайте?
- 1 подписчик
- вчера
- 78 просмотров
0

ответов
JavaScript

Простой
Как вывести фотографии из папки или из контейнера последовательно с отработкой на каждой анимации?
- 1 подписчик
- вчера
- 41 просмотр
1

ответ
Node.js

+4 ещё

Средний
Как решить ошибку MaxListenersExceededWarning в Докере во время RUN npm install?
- 1 подписчик
- вчера
- 38 просмотров
2

ответа
Vue.js

Средний
Как исправить ошибки TypeError и getActivePinia() при тестировании в vitest?
- 1 подписчик
- 03 мая
- 23 просмотра
1

ответ
JavaScript

Простой
Как правильнее организовать код калькулятора?
- 1 подписчик
- 02 мая
- 134 просмотра
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Developer (back-end / full-stack)

Brightdata • Тель-Авив

от 5 500 до 6 500 $

Собрать 50 контактов небольших он/оффлайн курсов программирования

05 мая 2024, в 10:12

7000 руб./за проект

Настройка рекламы на Яндекс.Директ и ВКонтакте

05 мая 2024, в 10:10

20000 руб./за проект

Доработать ИИ в Unreal Engine 5.2.1

05 мая 2024, в 10:09

4000 руб./за проект

Быть может на странице этого элемента нет? Покажите весь код или сделайте демку на codepen/jsfiddle.
Ivan Bogachev:
<body> <div class="row"> <div class="col-xs-12"> <div class="input-group stylish-input-group"> <input type="text" class="form-control" placeholder="Search" > <span class="input-group-btn"> <button class="btn btn-default" type="submit"> <i class="glyphicon glyphicon-search"></i> </button> </span> </div> </div> </div> <hr> </div> </div> </header>  <div class="container content"> <div> <script type="text/javascript"> window.onload = function () { new Vue({ el: "#cheapestsites", data: { cheapsites: [] }, mounted(){ fetch("http://danya.loc/all.json").then(c => c.json()).then((data) => { this.cheapsites[0] = data[0]; this.cheapsites[1] = data[1]; this.cheapsites[2] = data[2]; this.cheapsites[3] = data[3]; this.cheapsites[4] = data[4]; this.cheapsites[5] = data[5]; this.cheapsites[6] = data[6]; this.cheapsites[7] = data[7]; this.cheapsites[8] = data[8]; this.cheapsites[9] = data[9]; this.cheapsites[10] = data[10]; }) } }); new Vue({ src: "./all.json", el: "#one", data: { short: "Generally, most people prefe..." } }) } </script> </div> <div class="row"> <div class="col-sm-8 col-sm-offset-2"> <div id="one" class="text-left list-inline"> <h3 class="text-primary"><img class="img-rounded" src="macbook-gifka.gif" width="70" height="60">When is the best time to buy Macbook?</h3> <hr> <p>{{short}}</p> <button class="btn btn-default"><a href="./macbook-more1.html">More</a></button> </div> <hr> <div class="text-inline text-left"> <h3 class="text-danger">Internet Shops With International Delivery And Cheap Prices</h3> <hr> <ol> <b> <li v-for="site in cheapsites.thecheapestsites">{{site[0]}}</li> <li>{{site[1]}}</li> <li>{{site[2]}}</li> <li>{{site[3]}}</li> <li>{{site[4]}}</li> <li>{{site[5]}}</li> </b> </ol> <button class="btn btn-default"><a href="./cheap-sites-eng.html">More</a></button> </div> </div> </div> </div> </body>
danylo_kiz: сделайте демо в https://jsfiddle.net/ например
danylo_kiz Автор, вы адекватный вообще? Вы этот вопрос со своим индусским кодом спамите уже 5-ый или 6-ой раз за последние дни. Вам в консоле браузер красным по белому говорит, что не может найте нужный элемент. Если вы хотите добиться внятного ответа, сделайте демо, вам уже об этом двое написали выше. Что за люди...
danylo_kiz: Ну и где в выложенном вами коде блок с нужным id?

Answer 1 · 2017-03-24 12:17:32

Денис Архипов @alphabear

/* html5+css3+base js */

src: "./all.json",
тут все верно?

Ответ написан более трёх лет назад

1 комментарий

Answer 2 · 2017-03-24 20:15:09

Stepanya @Stepanya

https://jsfiddle.net/hko2y1z4/2/

У вас там много ошибок, прочитайте https://vuejs.org/v2/guide/

Ответ написан более трёх лет назад

Комментировать

Почему не видит id?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт