Форум

borus · #1 (**permalink**) 27.09.2017, 14:20

Здравствуйте!

Есть вот такой html:

<div class="btn-toolbar" id="toolbar">
  <div class="btn-wrapper" id="toolbar-delete">
	<button onclick="if (document.adminForm.boxchecked.value == 0) { alert(Joomla.JText._('JLIB_HTML_PLEASE_MAKE_A_SELECTION_FROM_THE_LIST')); } else { if (confirm('Delete selected files?')) { Joomla.submitbutton('fsdelete.deleteFSSelected'); } }" class="btn btn-small">
	<span class="icon-delete"></span>
	Delete selected files</button>
  </div>
  <div class="btn-wrapper" id="toolbar-delete">
	<button onclick="Joomla.submitbutton('fsdelete.deleteFSAllFiles');" class="btn btn-small">
	<span class="icon-delete"></span>
	Delete all files from FS</button>
  </div>
  <div class="btn-wrapper" id="toolbar-help">
	<button onclick="Joomla.popupWindow('http://siteforhelp.ru', 'Help', 700, 500, 1)" rel="help" class="btn btn-small">
	<span class="icon-question-sign"></span>
	Help</button>
  </div>
  <div class="btn-wrapper" id="toolbar-options">
	<button onclick="location.href='index.php?option=com_config&amp;view=component&amp;component=com_vm3delpics&amp;path=&amp;return=aHR0cDovL2xvY2FsaG9zdC9hc3UxNzAzMjIvYWRtaW5pc3RyYXRvci9pbmRleC5waHA%2Fb3B0aW9uPWNvbV92bTNkZWxwaWNzJnZpZXc9ZnNkZWxldGU%3D';" class="btn btn-small">
	<span class="icon-options"></span>
	Options</button>
  </div>
</div>

Пытаюсь с помощью подключаемого js-фала с кодом:

jQuery("#toolbar > #toolbar-delete:nth-of-type(1)").click(function (e) {
	e.preventDefault();
	alert("Here we are!");
})

сделать так, чтобы первым по клику на первую кнопку реагировал мой обработчик. Не получается

В чем ошибка? Скажите пожалуйста.

borus · #2 (**permalink**) 27.09.2017, 14:21

кажется я button забыл.
Такой код тоже не срабатывает:

jQuery("#toolbar > #toolbar-delete:nth-of-type(1) .btn.btn-small").click(function (e) {
	e.preventDefault();
	alert("Here we are!");
})

ksa · #3 (**permalink**) 27.09.2017, 14:45

borus, ИД должен быть уникальным на странице...

laimas · #4 (**permalink**) 27.09.2017, 14:51

Сообщение от borus

Как пересилить обработчик клика?

Наращивать мускулы и победить в конце концов.

j0hnik · #5 (**permalink**) 27.09.2017, 14:53

урать все лишнее

jQuery(".btn-small").click(function (e) {
	e.preventDefault();
	alert("Here we are!");
});

js в html коде плохая практика

borus · #6 (**permalink**) 27.09.2017, 14:53

ksa,
сделал #toolbar-delete уникальным, но это пока не помогло

j0hnik · #7 (**permalink**) 27.09.2017, 14:55

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<div class="btn-toolbar" id="toolbar">
  <div class="btn-wrapper" id="toolbar">
	<button onclick="if (document.adminForm.boxchecked.value == 0) { alert(Joomla.JText._('JLIB_HTML_PLEASE_MAKE_A_SELECTION_FROM_THE_LIST')); } else { if (confirm('Delete selected files?')) { Joomla.submitbutton('fsdelete.deleteFSSelected'); } }" class="btn btn-small">
	<span class="icon-delete"></span>
	Delete selected files</button>
  </div>
  <div class="btn-wrapper" id="toolbar-delete">
	<button onclick="Joomla.submitbutton('fsdelete.deleteFSAllFiles');" class="btn btn-small">
	<span class="icon-delete"></span>
	Delete all files from FS</button>
  </div>
  <div class="btn-wrapper" id="toolbar-help">
	<button onclick="Joomla.popupWindow('http://siteforhelp.ru', 'Help', 700, 500, 1)" rel="help" class="btn btn-small">
	<span class="icon-question-sign"></span>
	Help</button>
  </div>
  <div class="btn-wrapper" id="toolbar-options">
	<button onclick="location.href='index.php?option=com_config&amp;view=component&amp;component=com_vm3delpics&amp;path=&amp;return=aHR0cDovL2xvY2FsaG9zdC9hc3UxNzAzMjIvYWRtaW5pc3RyYXRvci9pbmRleC5waHA%2Fb3B0aW9uPWNvbV92bTNkZWxwaWNzJnZpZXc9ZnNkZWxldGU%3D';" class="btn btn-small">
	<span class="icon-options"></span>
	Options</button>
  </div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
	jQuery("#toolbar-delete .btn-small").click(function (e) {
	e.preventDefault();
	alert("Here we are!");
});
</script>
</body>
</html>

borus · #8 (**permalink**) 27.09.2017, 15:13

j0hnik,что-то не срабатывает. #toolbar-delete уже уникальный. Может быть дело в том, что в js-файле есть ещё код другой и я не правильно всё расставил по местам?
Вот полный код файла:

jQuery( document ).ready(function() {
	var time_limit = 25;//временной лимит(сек) на ответ сервера
	var i = 0;
	var go = 1;//признак того, что нужно продолжать считывать информацию о файлах
	var from = 0;//с какого файла по порядку начинаем проверять
	var read_cnt = 3;//число проверяемых файлов
	
	var request = function(){
		jQuery.getJSON('index.php?option=com_vm3delpics&task=fsdelete.read&format=json'
		, {
			data: {
				"time_limit":time_limit,
				"from":from,
				"read_cnt":read_cnt 
			}
		})
		.always(function(r) {
			var start = new Date().getTime();
			
			if (!r.success && r.message){
				alert(r.message);
			}
			if (r.messages){
				Joomla.renderMessages(r.messages);
			}
			if (r.data){
				//debugger;
				var elapsed = new Date().getTime() - start;
				//alert(elapsed);
				if(elapsed/1000 - 0.5 < time_limit){
					read_cnt = r.data.read_cnt+1;
				}
                else{
					if(r.data.read_cnt > 1)	read_cnt = r.data.read_cnt-1;
					else alert("Слишком медленный ответ сервера! Не могу уменьшить число считываемых файлов");
                }
				from = r.data.from + r.data.read_cnt;

				//отображение найденных файлов
				var tbl = jQuery("#fsscanres")[0];
				var rws = tbl.rows;
				var lst = rws[rws.length - 2];
				var cls = lst.cells.length;
                var rows_length = rws.length;
				for (var key in r.data.files) {
					i++;
					var ro = tbl.insertRow(rws.length - 1);
					for (var j = 0; j < cls; j++){
						var ce = ro.insertCell(-1);
						switch(j){
							case 0 :
								ce.innerHTML = rows_length + i - 2;
								break;
							case 1 :
								ce.innerHTML = '<input type="checkbox" id="cb0" name="cid[]" value="'+ r.data.files[key]["file_url"] + '" onclick="Joomla.isChecked(this.checked);">';
								break;
							case 2 :
								ce.innerHTML = r.data.files[key]["file_url"];
								break;
						}
					}
				}
				i = 0;

			}
            if(r.data.go) request();
		});
	}
	request();
});

jQuery("#toolbar-delete .btn-small").click(function (e) {
	e.preventDefault();
	alert("Here we are!");
});

ksa · #9 (**permalink**) 27.09.2017, 15:33

Сообщение от borus

сделал #toolbar-delete уникальным, но это пока не помогло

Бивас, тест! (с)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('button').each(function(){
		var one=this.onclick;
		this.onclick=null;
		$(this).click(function(){
			two();
			one();
		});
	});
	function two(){
		alert(2);
	};
});
</script>
</head>
<body>
<button onclick='alert(1)'>Test</button>
</body>
</html>

ksa · #10 (**permalink**) 27.09.2017, 15:35

Сообщение от borus

e.preventDefault();

Ты не отменишь всплытие на самом себе.

Т.ч. остается только просто поменять местами сами вызовы функций...

Форум

Справочник

Discord чат

Курсы javascript