Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   JQuery загрузка текста из файла в несколько параграфов (https://javascript.ru/forum/jquery/38958-jquery-zagruzka-teksta-iz-fajjla-v-neskolko-paragrafov.html)

0leg9 10.06.2013 12:28
JQuery загрузка текста из файла в несколько параграфов
 
Есть параграф
<p id="par1">...</p>

По клику на span 
<span id="link1"/>...</span>
выполняется функция по добавлению текста из файла
<script type="text/javascript">
	$(window).load(function(){
		$("#link1").click(function(){
			$("#par1").load("1.html");
		});
	});
</script>


Есть еще несколько параграфов со своими id и соответствующими для них файлами. На данный момент я продублировал функцию для каждого отдельного параграфа, но понимаю, что это не правильно. Как сделать функцию универсальной, чтобы по нажатию на span в нее передавалось id параграфа и соответствующее ему имя файла с текстом? Spanы для каждого параграфа свои.

danik.js 10.06.2013 13:35 
<p class="para" data-source="1.html">
    <span class="link">..</span>
</p>
<script>
$(document).ready(function(){
    $('.link').click(function(){
        var $para = $(this).parents('.para');
        $para.load($para.data('source'));
    });
});

рони 10.06.2013 13:50
0leg9,
Вариант для медитации ...
<script type="text/javascript">
	$(window).load(function(){
    var S =  $("span[id^=link]");
    S.click(function(){
         var id =  $(this).attr('id').replace(/\D+/g,""),
         index = S.index(this);
         alert([++index,id])
        //$("#par1").load("1.html");
		});
	});
</script>

0leg9 10.06.2013 14:34
Цитата:
Сообщение от рони (Сообщение 255561)
0leg9,
Вариант для медитации ...
<script type="text/javascript">
	$(window).load(function(){
    var S =  $("span[id^=link]");
    S.click(function(){
         var id =  $(this).attr('id').replace(/\D+/g,""),
         index = S.index(this);
         alert([++index,id])
        //$("#par1").load("1.html");
		});
	});
</script>

<script type="text/javascript">
	$(window).load(function(){
    var S =  $("span[id^=link]");
    S.click(function(){
         var id =  '#par' + $(this).attr('id').replace(/\D+/g,""),
         index = 1 + S.index(this) + '.html';
         //alert([index,id])
        $(id).load(index);
		});
	});
</script>


Спасибо! Работает как нужно.

0leg9 10.06.2013 15:00
Цитата:
Сообщение от danik.js (Сообщение 255558) 
<p class="para" data-source="1.html">
    <span class="link">..</span>
</p>
<script>
$(document).ready(function(){
    $('.link').click(function(){
        var $para = $(this).parents('.para');
        $para.load($para.data('source'));
    });
});
Тоже отлично работает.

Wic_ 05.10.2024 11:27
Подниму старую тему, может кто подскажет по теме. Данный код использую в ocstore для подгрузки текста из файла,все отлично работает.
<p class="para" data-source="vstavka.html">
    <span class="link"><a href="#" onclick="return false;"><strong>+ Разное</strong></a></span>
</p>


<script>$(document).ready(function(){
    $('.link').click(function(){
        var $para = $(this).parents('.para');
        $para.load($para.data('source'));
    });
});
</script>

Но в wordpress ничего не происходит по нажатию ссылки. Скрипт в тело статьи вставляю сниппетом, но в коде странице проверяю, все нормально отображается, так как выше привел. Полный путь файла тоже указывал, не помогло.


Часовой пояс GMT +3, время: 17:34.